Креирање и omotaње елемената у jQuery-у

Пре omotaња тегом можемо претходно да креирамо елемент у документу. Хајде да omotamo приказане испод пасусе у тегове '<div></div>':

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

За ово можемо претходно да креирамо елемент у документу користећи document.createElement('div'):

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

Или:

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

Као параметар можемо проследити не само име тега, већ и такву конструкцију - '<div></div>' - у овом случају ефекат ће бити потпуно исти:

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

HTML код ће изгледати овако:

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>

Када користимо други начин, у отворени тег (у нашем случају '<div>') можемо писати било које атрибуте, при чему ће omotaње бити заједно са тим атрибутима.

Хајде да omotamo наше пасусе div-ом са класом zzz:

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

HTML код ће изгледати овако:

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>