Methode wrap
De methode wrap pakt
elementen in een opgegeven tag in.
Syntaxis
De parameter van de methode kan tekst zijn (mogelijk met tags), een DOM-element of een jQuery-object:
.wrap(waarin te verpakken);
Op deze manier worden de geselecteerde elementen verpakt in inhoud, die wordt geretourneerd door een door de gebruiker gedefinieerde functie. De functie wordt afzonderlijk aangeroepen voor elk van de geselecteerde elementen en accepteert als parameter de positie van het element in de set:
.wrap(function(volgnummer in set));
Voorbeeld
Laten we alle alinea's met de klasse www inpakken met de tag
div:
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
$('.www').wrap(document.createElement('div'));
De HTML-code ziet er dan als volgt uit:
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<p>tekst</p>
Voorbeeld
Als parameter kan niet alleen de tag worden doorgegeven, maar ook de volgende constructie:
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
$('.www').wrap('<div></div>');
De HTML-code ziet er dan als volgt uit:
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<p>tekst</p>
Voorbeeld
In de openingstag kunnen willekeurige attributen worden geschreven,
terwijl het inpakken zal plaatsvinden met deze
attributen. Laten we de alinea's met de klasse
www inpakken in een div met de klasse zzz:
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
$('.www').wrap('<div class="zzz"></div>');
De HTML-code ziet er dan als volgt uit:
<div class="zzz"><p class="www">tekst</p></div>
<div class="zzz"><p class="www">tekst</p></div>
<div class="zzz"><p class="www">tekst</p></div>
<p>tekst</p>
