Opérations de document jQuery - méthode wrap()

Manuel des effets jQuery

Exemple

Envelopper chaque paragraphe dans l'élément <div> :

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

Essayer vous-même

Définition et utilisation

La méthode wrap() de jQuery place chaque élément sélectionné dans le contenu HTML ou l'élément spécifié.

Syntaxe

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

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

Valeurs possibles:

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

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

Utiliser une fonction pour envelopper des éléments

Utiliser une fonction pour définir le contenu enveloppé autour de chaque élément sélectionné.

Syntaxe

$().wrap(function())

Essayer vous-même

Paramètres Description
function() Obligatoire. Définir la fonction retournant l'élément enveloppé.

Plus d'exemples

Utiliser l'élément nouveau pour envelopper
Créer un nouvel élément DOM pour envelopper chaque élément sélectionné.
Emballer ou déballer des éléments
Basculer entre les tâches d'emballage et de déballage des éléments.

Manuel des effets jQuery