Opprettelse og innpakking av elementer i jQuery
Før innpakking med en tagg kan du forhåndsopprette
et element i dokumentet. La oss pakke inn avsnittene
nedenfor i taggene '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
For å gjøre dette kan du forhåndsopprette et element i
dokumentet ved hjelp av
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Eller:
let div = document.createElement("div");
$('.www').wrap(div);
Som parameter kan du sende ikke bare tagg-navnet,
men også en slik konstruksjon - '<div></div>'
- i dette tilfellet vil effekten være absolutt den samme:
$('.www').wrap('<div></div>');
HTML-koden vil se slik ut:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Ved bruk av den andre metoden, i
åpningstaggen (i vårt tilfelle '<div>')
kan du skrive alle attributter, og
innpakking vil skje sammen med disse attributtene.
La oss pakke inn avsnittene våre med en div med klasse
zzz:
$('.www').wrap('<div class="zzz"></div>');
HTML-koden vil se slik ut:
<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>
Pakke inn hver h3 i div
med klassen aaa.
