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

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

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

Eller:

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

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

HTML-koden vil se slik ut:

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

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

HTML-koden vil se slik ut:

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>