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

La fonction

wrap() est utilisée pour envelopper la structure HTML spécifiée en dehors de chaque élément correspondant.

L'opposé de cette fonction est la fonction unwrap(), qui est utilisée pour l'élément parent de l'élément actuellement correspondant (seul l'élément parent est supprimé et tous ses nœuds internes sont conservés).

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

Syntaxe

jQueryObject.wrap( wrapper )

Paramètres

Description des paramètres

wrapper String/Element/jQuery/Function est utilisé pour envelopper les nœuds qui correspondent aux éléments.

Si le wrapper de paramètre est une

chaîne, il sera considéré comme un sélecteur jQuery ou une chaîne HTML, et jQuery fera son propre jugement.

Nouveau support de jQuery 1.4 : le wrapper de paramètres peut être une fonction. wrap() parcourra et exécutera la fonction en fonction de tous les éléments correspondants, et cela dans la fonction pointera vers l'élément DOM correspondant.

wrap() passe également un paramètre à la fonction, qui est l'index de l'élément actuel dans l'élément correspondant. La valeur de retour de la fonction

est le contenu du nœud utilisé pour l'encapsulation (peut être une chaîne HTML, un élément DOM ou un objet jQuery).

Remarque : Si le wrapper correspond à plusieurs éléments, seul le premier élément sera utilisé comme élément d'emballage.

Remarque : Si le wrapper est un élément imbriqué multicouche (tel que

), wrap() vérifiera chaque couche du dehors vers l’intérieur. Le premier nœud du nid. Si le nœud n'a pas de nœud enfant ou si le premier nœud enfant n'est pas un nœud élément (comme un nœud de texte, un nœud de commentaire, etc.), arrêtez de chercher vers l'intérieur et ajoutez directement (append()) l'élément correspondant actuel à la position finale à l'intérieur. le nœud actuel.

Valeur de retour

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

Remarque : Même si l'élément wrapper est un élément de la page actuelle, l'élément ne disparaîtra pas de sa position d'origine. Parce que wrap() utilise une copie (clone) de l'élément pour agir comme un wrapper.

Exemple et description

La fonction wrap() est utilisée pour insérer du contenu avant chaque élément correspondant :

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

Prenons le code HTML suivant comme exemple :

<p id="n1">
    <span id="n2">span#n2</span>    
</p>
<p id="n3">
    <input id="n4" type="text" />
</p>
<span id="n5">多层嵌套1</span>
<span id="n6">多层嵌套2</span>

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

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!