Оборачивание нескольких элементов в 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.