Метод 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>
