ホームページ > ウェブフロントエンド > jsチュートリアル > 要素を削除するが、子要素をjqueryに保持する方法

要素を削除するが、子要素をjqueryに保持する方法

青灯夜游
リリース: 2022-09-07 18:48:34
オリジナル
2244 人が閲覧しました

要素を削除し、子要素を保持する Jquery メソッド: 1. Children() メソッドを使用して、指定された要素のすべての子要素を取得します; 2. unwrap() メソッドを使用して、子の親要素を削除します要素を削除しますが、子要素は保持します。構文「$("指定された要素").children().unwrap();」。

要素を削除するが、子要素をjqueryに保持する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.6.1 バージョン、Dell G3 コンピューター。

jquery は要素を削除しますが、子要素は保持します

jquery では、children() unwrap() メソッドを使用して指定した要素を削除できますが、その子要素を保持します。

  • children() メソッドは、選択された要素のすべての直接の子要素を返します。

  • unwrap() メソッドは、選択した要素の親要素を削除します。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("div").children().unwrap();
			  });
			});
		</script>
		<style type="text/css">
			div {
				background-color: yellow;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
		</div>
		<button>删除div元素,但保留子元素p</button>

	</body>
</html>
ログイン後にコピー

要素を削除するが、子要素をjqueryに保持する方法

推奨される関連ビデオ チュートリアル: jQuery チュートリアル (ビデオ)

以上が要素を削除するが、子要素をjqueryに保持する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート