Indpakning af flere elementer i jQuery

Du kan indpakke ikke hvert element individuelt, men alle fundne elementer sammen ved hjælp af metoden wrapAll.

I HTML-koden er en gruppe afsnit præsenteret:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Lad os finde alle afsnit med klassen www og indpakke dem i ét div-tag:

javascript$('.www').wrapAll('<div></div>');

HTML-koden vil se sådan ud:

html<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>

Bemærk, at hvis de elementer, der skal indpakkes, ikke står sammen, vil metoden wrapAll først flytte elementerne til ét sted, og derefter indpakke dem. Se følgende eksempel:

html<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

Vi anvender metoden wrapAll:

javascript$('.www').wrapAll('<div></div>');

Som resultat får vi følgende HTML-kode:

html<div>
  <p class="www">text1</p>
  <p class="www">text2</p>
  <p class="www">text3</p>
</div>
<p>text</p>

Metoder til indpakning af elementer giver også mulighed for at anvende en funktion på hvert element i sættet.