jQuery dokumenthantering - wrapAll() metod

Exempel

Inram alla paragrafer i <div>:

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

Prova själv

Definition och användning

wrapAll() lägger alla valda element i angiven HTML-innehåll eller element.

Syntaks

$().wrapAll(wrapper)
Parameter Beskrivning
wrapper

Obligatorisk. Anger innehållet som ska inramas runt de valda elementen.

Möjliga värden:

  • HTML-kod - till exempel ("<div></div>")
  • Nytt DOM-element - till exempel (document.createElement("div"))
  • Existerande element - till exempel ($(".div1"))

Existerande element kommer inte att flyttas, utan bara kopieras och inramas av de valda elementen.

Mer exempel

Använd det nya elementet för att inrama
Skapa ett nytt DOM-element för att inrama varje vald element.