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>':
<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'):
$('.www').wrap(document.createElement('div'));
Of:
let 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:
$('.www').wrap('<div></div>');
De HTML-code ziet er dan zo uit:
<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:
$('.www').wrap('<div class="zzz"></div>');
De HTML-code ziet er dan zo uit:
<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>
Pak elke h3 in een div
met de klasse aaa.
