Метод wrap
Метод wrap умотава
елементе у задату ознаку.
Синтакса
Параметар методе може бити текст (могуће са ознакама), DOM елемент или jQuery објекат:
.wrap(текст или ознака);
Овако се изабрани елементи умотавају садржајем који ће бити враћен корисничком функцијом. Функција се позива засебно, за сваки од изабраних елемената, као параметар узима позицију елемента у скупу:
.wrap(function(број у скупу));
Пример
Умотајмо све пасусе са класом www ознаком
div:
<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
$('.www').wrap(document.createElement('div'));
HTML код ће изгледати овако:
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<p>текст</p>
Пример
Параметром се може проследити не само име ознаке, већ и следећа конструкција:
<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
$('.www').wrap('<div></div>');
HTML код ће изгледати овако:
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<p>текст</p>
Пример
У отварајућу ознаку се могу написати било који атрибути,
при томе ће умотавање бити заједно са тим
атрибутима. Хајде да умотамо пасусе са класом
www div-ом са класом zzz:
<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
$('.www').wrap('<div class="zzz"></div>');
HTML код ће изгледати овако:
<div class="zzz"><p class="www">текст</p></div>
<div class="zzz"><p class="www">текст</p></div>
<div class="zzz"><p class="www">текст</p></div>
<p>текст</p>