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

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

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

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

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

Либо:

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

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

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>

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

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

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>