Kreiranje i obmotavanje elemenata u jQuery

Pre obmotavanja tagom moguće je prethodno kreirati element u dokumentu. Hajde da obmotamo predstavljene ispod paragrafa u tagove '<div></div>':

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Za ovo možemo prethodno kreirati element u dokumentu pomoću document.createElement('div'):

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

Ili:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

Kao parametar se može proslediti ne samo ime taga, već i ovakva konstrukcija - '<div></div>' - u ovom slučaju efekat će biti potpuno isti:

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

HTML kod će izgledati ovako:

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>

Kada se koristi drugi način, u otvarajući tag (u našem slučaju '<div>') možemo pisati bilo koje atribute, pri čemu će obmotavanje biti zajedno sa tim atributima.

Hajde da obmotamo naše paragrafe div-om sa klasom zzz:

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

HTML kod će izgledati ovako:

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>