Het omwikkelen van meerdere elementen in jQuery

Je kunt niet elk element afzonderlijk omwikkelen, maar alle gevonden elementen samen met behulp van de methode wrapAll.

In de HTML-code is een groep paragrafen weergegeven:

<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>

Laten we alle paragrafen met de klasse www vinden en ze in één div-tag omwikkelen:

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

De HTML-code ziet er dan als volgt uit:

<div>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
</div>
<p>tekst</p>

Houd er rekening mee dat als de te omwikkelen elementen niet naast elkaar staan, de methode wrapAll eerst de elementen naar één locatie verplaatst en ze daarna omwikkelt. Zie het volgende voorbeeld:

<p class="www">tekst1</p>
<p class="www">tekst2</p>
<p>tekst</p>
<p class="www">tekst3</p>

We passen de methode wrapAll toe:

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

Uiteindelijk krijgen we de volgende HTML-code:

<div>
	<p class="www">tekst1</p>
	<p class="www">tekst2</p>
	<p class="www">tekst3</p>
</div>
<p>tekst</p>

De methoden voor het omwikkelen van elementen bieden ook de mogelijkheid om een functie op elk element in de set toe te passen.

Omwikkel alle h2 in één i.