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

← →
↑