Стварэнне і абгортванне элементаў у 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.
