Het maken en inpakken van elementen in jQuery

Voordat je een tag kunt inpakken, kun je eerst een element in het document maken. Laten we de onderstaande alinea's inpakken in de tags '<div></div>':

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

Hiervoor kun je eerst een element in het document maken met behulp van document.createElement('div'):

javascript$('.www').wrap(document.createElement('div'));

Of:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

Als parameter kun je niet alleen de naam van de tag doorgeven, maar ook zo'n constructie - '<div></div>' - in dit geval zal het effect exact hetzelfde zijn:

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

De HTML-code ziet er dan zo uit:

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

Bij gebruik van de tweede methode, kun je in de openende tag (in ons geval '<div>') alle attributen schrijven, waarbij het inpakken samen met deze attributen zal gebeuren.

Laten we onze alinea's inpakken in een div met de klasse zzz:

javascript$('.www').wrap('<div class="zzz"></div>');

De HTML-code ziet er dan zo uit:

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