Метод wrap
Метод wrap оборачивает
элементы в заданный тег.
Синтаксис
Параметром метода может служить текст (возможно с тегами), DOM элемент или объект jQuery:
javascript.wrap(text or tag);
Вот так выбранные элементы обертываются содержимым, которое будет возвращено пользовательской функцией. Функция вызывается отдельно, для каждого из выбранных элементов, в качестве параметра принимает позицию элемента в наборе:
javascript.wrap(function(номер в наборе));
Пример
Обернем все абзацы с классом www тегом
div:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>javascript$('.www').wrap(document.createElement('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>
Пример
Параметром можно передавать не только имя тега, но и следующую конструкцию:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>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>
Пример
В открывающий тег можно писать любые атрибуты,
при этом оборачивание будет вместе с этими
атрибутами. Давайте обернем абзацы с классом
www дивом с классом zzz:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>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>