# Создание и оборачивание элементов в jQuery

Перед оборачиванием тегом можно предварительно создать элемент в документе. Давайте обернем представленные ниже абзацы в теги `'<div></div>'`:

`<p class="www">text</p> <p class="www">text</p> <p class="www">text</p> <p>text</p>`

Для этого можно предварительно создать элемент в документе с помощью `document.createElement('div')`:

`$('.www').wrap(document.createElement('div'));`

Либо:

`let div = document.createElement("div"); $('.www').wrap(div);`

Параметром можно передавать не только имя тега, но и такую конструкцию - `'<div></div>'` - в этом случае эффект будет абсолютно такой же:

`$('.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>`

При использовании второго способа, в открывающий тег (в нашем случае `'<div>'`) можно писать любые атрибуты, при этом оборачивание будет вместе с этими атрибутами.

Давайте обернем наши абзацы дивом с классом `zzz`:

`$('.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>`

Оберните каждый `h3` в `div` с классом `aaa`.

←→
↑