Méthode jQuery wrapAll()

HTML jQuery/Méthodes CSS

La méthode wrapAll() enveloppe l'élément HTML spécifié autour de tous les éléments sélectionnés.

Syntaxe :

$(selector).wrapAll(wrappingElement)

Exemple

Envelopper l'élément DIV autour de tous les éléments <p> :

$("button").click(function(){
　　$("p").wrapAll("<div></div>");
});

Ce exemple utilise document.createElement() pour créer un élément DIV et le envelopper autour de tous les éléments <p> :

$("button").click(function(){
　　$("p").wrapAll(document.createElement("div"));
});

Veuillez noter que dans cet exemple, tout le contenu entre les paragraphes est oublié, par exemple (à propos de moi ?) :

La différence entre les méthodes wrap() et wrapAll() :

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").wrapAll("<div></div>");
});

Valeur du paramètre

HTML jQuery/Méthodes CSS