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>':

html<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'):

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

Eller:

javascriptlet 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:

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

HTML-koden vil se sådan ud:

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>

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:

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

HTML-koden vil se sådan ud:

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>