Оборачивание нескольких элементов в jQuery
Можно оборачивать не каждый элемент по отдельности,
а все найденные элементы вместе с помощью метода
wrapAll.
В HTML коде представлена группа абзацев:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Давайте найдем все абзацы с классом www и
обернем их в один тег div:
$('.www').wrapAll('<div></div>');
HTML код станет выглядеть так:
<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>
Учтите, что если оборачиваемые элементы стоят
не рядом, то метод wrapAll сначала
переместит элементы в одно место, а потом
обернет их. Смотрите следующий пример:
<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>
Применяем метод wrapAll:
$('.www').wrapAll('<div></div>');
В итоге мы получаем следующий HTML код:
<div>
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
</div>
<p>text</p>
Методы оборачивания элементов также предусматривают возможность применения функции к каждому элементу в наборе.
Оберните все h2 в один i.