Oprettelse og indpakning af elementer i jQuery
Før indpakning med et tag kan du forud oprette
et element i dokumentet. Lad os pakke de nedenstående
afsnit ind i tags '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Til dette kan du forud oprette et element i
dokumentet ved hjælp af
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Eller:
let div = document.createElement("div");
$('.www').wrap(div);
Som parameter kan du ikke kun overføre taggets
navn, men også en sådan konstruktion - '<div></div>'
- i dette tilfælde vil effekten være absolut den samme:
$('.www').wrap('<div></div>');
HTML-koden vil se sådan ud:
<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 brug af den anden metode kan du
skrive alle attributter i det åbne tag
(i vores tilfælde '<div>'),
hvorved indpakningen vil ske sammen med disse attributter.
Lad os pakke vores afsnit ind i en div med klassen
zzz:
$('.www').wrap('<div class="zzz"></div>');
HTML-koden vil se sådan ud:
<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 hver h3 ind i en div
med klassen aaa.
