English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

méthode wrap () jQuery

HTML jQuery/Méthodes CSS

La méthode wrap () utilise l'élément HTML spécifié pour envelopper chaque élément sélectionné.

utiliserunwrap ()méthode pour supprimer l'élément parent de l'élément sélectionné.

syntaxe :

élément d'enveloppe :

$ (selector).wrap(wrappingElement)

Envelopper des éléments en utilisant une fonction :

$ (selector).wrap(function (index))

exemple

envelopper l'élément DIV autour de chaque élément <p> :

$("button").click(function(){
  $("p").wrap("<div></div>");
});
Vérifiez et voyez‹/›

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

$("button").click(function(){
  $("p").wrap(document.createElement("div"));
});
Vérifiez et voyez‹/›

Envelopper des éléments en utilisant une fonction :

$("button").click(function(){
  $("p").wrap(function(){
      return document.createElement("div");
  });
});
Vérifiez et voyez‹/›

Basculer entre envelopper et dé envelopper des éléments :

$("#btn1").click(function(){
  $("p").wrap("<div></div>");
});
$("#btn2").click(function(){
  $("p").unwrap();
});
Vérifiez et voyez‹/›

Valeur du paramètre

ParamètresDescription
wrappingElementSpécifier la structure à envelopper chaque élément sélectionné

Valeurs possibles :

  • Élément HTML

  • Élément DOM

  • Objet jQuery

function(index)Spécifier une fonction de retour pour l'élément enveloppé
  • index-Retourner la position de l'élément dans l'ensemble

HTML jQuery/Méthodes CSS