Nous pouvons ajouter un élément parent enveloppé à l'élément sélectionné via la méthode wrap. Au contraire, que faire si l'élément parent de l'élément sélectionné est supprimé ?
jQuery fournit une méthode unwarp(), qui est opposée à la méthode wrap. Supprime l'élément parent de l'ensemble des éléments correspondants, en le laissant (ainsi que les éléments frères, s'ils existent) dans leurs positions d'origine.
Écrivons un exemple ci-dessous :
<!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>
Les amis peuvent l'exécuter localement, puis appuyer sur F12 dans le navigateur pour déboguer, ou utiliser la touche de raccourci ctrl+shift+i, vous pouvez voir que la balise div que nous avons commencé à écrire a été supprimée
Veuillez noter que nous avons utilisé la méthode Remove ou Empty pour supprimer auparavant. Cela supprimera tous les éléments qu'il contient, tandis que la méthode unwrap supprime uniquement le nœud parent, mais le fait. ne supprimez pas les nœuds enfants. Cette méthode est relativement simple. Vous pouvez vous référer au cas ci-dessus