Методот wrap
Методот wrap ги завиткува
елементите во дадената ознака.
Синтакса
Параметар на методот може да биде текст (можно со ознаки), DOM елемент или jQuery објект:
.wrap(text or tag);
Вака избраните елементи се завиткуваат со содржина, која ќе биде вратена од корисничката функција. Функцијата се повикува одделно, за секој од избраните елементи, како параметар ја зема позицијата на елементот во множеството:
.wrap(function(број во множество));
Пример
Да ги завиткаме сите параграфи со класа www со ознаката
div:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('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>
Пример
Како параметар може да се пренесе не само името на ознаката, туку и следната конструкција:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.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>
Пример
Во отворачката ознака може да се пишуваат какви било атрибути,
при што завиткувањето ќе биде заедно со овие
атрибути. Ајде да ги завиткаме параграфите со класа
www со div со класа zzz:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.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>
