Създаване и опаковане на елементи в 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>')
може да се пишат всякакви атрибути, като
опаковането ще бъде заедно с тези атрибути.
Нека опаковаме нашите параграфи с 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.
