Crearea și înfășurarea elementelor în jQuery
Înainte de a înfășura cu un tag, poți crea prealabil
un element în document. Să înfășurăm paragrafele
prezentate mai jos în tagurile '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Pentru aceasta, poți crea prealabil un element în
document folosind
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Sau:
let div = document.createElement("div");
$('.www').wrap(div);
Ca parametru poți transmite nu doar numele
tag-ului, ci și o astfel de construcție - '<div></div>'
- în acest caz, efectul va fi absolut același:
$('.www').wrap('<div></div>');
Codul HTML va arăta astfel:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Când folosești a doua metodă, în
tag-ul de deschidere (în cazul nostru '<div>')
poți scrie orice atribute, iar
înfășurarea se va face împreună cu aceste atribute.
Să înfășurăm paragrafele noastre cu un div cu clasa
zzz:
$('.www').wrap('<div class="zzz"></div>');
Codul HTML va arăta astfel:
<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>
Înfășurați fiecare h3 într-un div
cu clasa aaa.
