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:

<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:

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

HTML-koden vil se sådan ud:

<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:

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

Vi anvender metoden wrapAll:

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

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

<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.

Indpak alle h2 i én i.