Vytváranie a obaľovanie prvkov v jQuery

Pred obalením tagom môžeme najprv vytvoriť prvok v dokumente. Obalme prezentované nižšie odseky tagmi '<div></div>':

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

Na to môžeme najprv vytvoriť prvok v dokumente pomocou document.createElement('div'):

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

Alebo:

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

Parametrom môžeme odovzdať nielen názov tagu, ale aj takúto konštrukciu - '<div></div>' - v tomto prípade bude efekt úplne rovnaký:

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

HTML kód bude vyzerať takto:

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>

Pri použití druhého spôsobu, do otváracieho tagu (v našom prípade '<div>') je možné písať ľubovoľné atribúty, pričom obalenie bude spolu s týmito atribútmi.

Obalme naše odseky divom s triedou zzz:

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

HTML kód bude vyzerať takto:

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>