jQuery DOM 操作 unwrap() メソッド

wrap メソッドを使用して、ラップされた親要素を選択した要素に追加できます。逆に、選択した要素の親要素が削除された場合はどうすればよいでしょうか

jQueryにはwrapメソッドの逆にunwarp()メソッドが用意されています。一致する要素のセットから親要素を削除し、それ自体 (および存在する場合は兄弟要素) を元の位置に残します。

以下に例を書いてみましょう:

<!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>

友達はそれをローカルで実行し、ブラウザで F12 を押してデバッグするか、最初に書き始めた div を確認できます。は削除されました

以前はすべての要素を削除するremoveまたはemptyメソッドを使用しましたが、unwrapメソッドは親ノードのみを削除し、子ノードは削除しないことに注意してください。このメソッドは比較的単純です。上記のケースを参照できます

学び続ける

新しいファイル

<!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>

提出するリセットコード

自動運転