Tutoriel de base jQuery

Effets jQuery

La méthode wrapInner() encapsule l'élément HTML spécifié autour du contenu de chaque élément sélectionné.

Encapsulez un élément autour du contenu :

$(selector).wrapInner(wrappingElement)

Utilisez une fonction pour encapsuler l'élément autour du contenu :

$(selector).wrapInner(function(index))

Encapsule l'élément <b>autour du contenu de chaque élément <p> :

Exemple

$("button").click(function(){
　　$("p").wrapInner("<b></b>
});

Dans cet exemple, document.createElement() crée un élément <b> et le enveloppe autour du contenu de chaque élément <p> :

Exemple

$("button").click(function(){
　　$("p").wrapInner(document.createElement("b"));
});

Enveloppement de contenu avec une fonction :

Exemple

$("button").click(function(){
　　$("p").wrapInner(function(){
　　　　　　return document.createElement("b");
　　});
});

Paramètres	Description
wrappingElement	Spécifier l'élément HTML qui enveloppe le contenu autour de chaque élément sélectionné. Valeurs possibles : Élément HTML Élément DOM Objet jQuery
function(index)	Spécifier une fonction de retour qui enveloppe l'élément sélectionné index-Retourner l'index de l'élément dans l'ensemble