Создавање и обвиткување на елементи во jQuery

Пред обвиткување со таг, можете претходно да создадете елемент во документот. Ајде да ги обвиткаме претставените долу параграфи во тагови '<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>') може да се пишуваат какви било атрибути, при што обвиткувањето ќе биде заедно со тие атрибути.

Ајде да ги обвиткаме нашите параграфи со 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>