jQuery Document Operations - méthode wrapAll()

Exemple

Envelopper tous les paragraphes dans <div> :

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

Essayez-le vous-même

Définition et utilisation

wrapAll() place tous les éléments sélectionnés dans le contenu HTML ou l'élément spécifié.

Syntaxe

$().wrapAll(wrapper)
Paramètres Description
wrapper

Obligatoire. Définir le contenu de l'enveloppe de l'élément sélectionné.

Valeurs possibles:

  • Code HTML - par exemple ("<div></div>")
  • Nouvel élément DOM - par exemple (document.createElement("div"))
  • Les éléments existants - par exemple ($(".div1"))

Les éléments existants ne seront pas déplacés, mais copiés et enveloppés par les éléments sélectionnés.

Plus d'exemples

Utiliser l'élément nouveau pour envelopper
Créer un nouvel élément DOM pour envelopper chaque élément sélectionné.