Explication détaillée de la fonction jQuery.unwrap()

La fonction unwrap() est utilisée pour supprimer l'élément parent de chaque élément correspondant.

unwrap() supprimera l'élément parent de l'élément actuellement correspondant, mais conservera tous ses descendants. Vous pouvez utiliser cette fonction pour annuler rapidement l'élément d'habillage parent ajouté à l'élément correspondant via la fonction wrap().

L'opposé de cette fonction est la fonction wrap(), qui est utilisée pour envelopper chaque élément correspondant avec l'élément spécifié.

Cette fonction appartient à l'objet jQuery (instance).

Syntaxe

jQuery 1.4 Nouvellement ajouté cette fonction.

jQueryObject.unwrap()

Si l'élément parent de l'élément correspondant actuel est l'élément body, la fonction unwrap() ne supprimera pas l'élément body.

Valeur de retour

unwrap()La valeur de retour de la fonction est de type jQuery, renvoyant l'objet jQuery actuel lui-même (pour faciliter la programmation en chaîne).

Exemple et description

La fonction unwrap() est utilisée pour supprimer l'élément parent de chaque élément correspondant : La fonction

<div><p>段落文本1<span></span></p></div>
<div><p>段落文本2<span></span></p></div>
<!--以上是jQuery代码执行前的html内容-->
<script type="text/javascript">
$("p").unwrap( ); 
</script>
<!--以下是jQuery代码执行后的html内容-->
<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>

unwrap() et replaceWith() function have Le code équivalent suivant :

$("selector").unwrap( );
// 等价于(父元素为body时除外)
// 用其父元素的所有子节点替换掉父元素
$("selector").parent().replaceWith( function(){
    return $(this).contents();
} );

Prenons le code HTML suivant comme exemple :

<p id="n1">
    <span id="n2">span#n2</span>    
</p>
<p id="n3">
    <label id="n4">label#n4</label>
    <span id="n5">span#n5</span>
</p>
<span id="n6">span#n6</span>

L'exemple de code jQuery suivant est utilisé pour démontrer l'utilisation spécifique de unwrap( ) fonction :

// 移除每个span元素的父元素
// n6的父元素为body元素，body元素不会被移除
$("span").unwrap( );

Le code html complet après l'exécution du code ci-dessus est le suivant (le format n'a en aucun cas été ajusté) :

    <span id="n2">span#n2</span>    
    <label id="n4">label#n4</label>
    <span id="n5">span#n5</span>
<span id="n6">span#n5</span>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!