Создание и оборачивание элементов в 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.
