Создавање и обвиткување на елементи во jQuery
Пред обвиткување со таг, можете претходно да создадете
елемент во документот. Ајде да ги обвиткаме претставените
долу параграфи во тагови '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
За ова можете претходно да создадете елемент во
документот со помош на
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Или:
let div = document.createElement("div");
$('.www').wrap(div);
Како параметар може да се пренесе не само името
на тагот, туку и таква конструкција - '<div></div>'
- во овој случај ефектот ќе биде апсолутно ист:
$('.www').wrap('<div></div>');
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:
$('.www').wrap('<div class="zzz"></div>');
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>
Обвиткајте го секој h3 во div
со класа aaa.
