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>':
<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'):
$('.www').wrap(document.createElement('div'));
Ili:
let 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:
$('.www').wrap('<div></div>');
HTML kod će izgledati ovako:
<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:
$('.www').wrap('<div class="zzz"></div>');
HTML kod će izgledati ovako:
<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>
Obmotajte svaki h3 u div
sa klasom aaa.
