jQuery DOM 操作 unwrap() メソッド
wrap メソッドを使用して、ラップされた親要素を選択した要素に追加できます。逆に、選択した要素の親要素が削除された場(chǎng)合はどうすればよいでしょうか
jQueryにはwrapメソッドの逆にunwarp()メソッドが用意されています。一致する要素のセットから親要素を削除し、それ自體 (および存在する場(chǎng)合は兄弟要素) を元の位置に殘します。
以下に例を書(shū)いてみましょう:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>
<p>元素</p>
</div>
<script>
$("p").unwrap("<div></div>");
</script>
</body>
</html>友達(dá)はそれをローカルで実行し、ブラウザで F12 を押してデバッグするか、最初に書(shū)き始めた div を確認(rèn)できます。は削除されました
以前はすべての要素を削除するremoveまたはemptyメソッドを使用しましたが、unwrapメソッドは親ノードのみを削除し、子ノードは削除しないことに注意してください。このメソッドは比較的単純です。上記のケースを參照できます
