Krijimi dhe mbështjellja e elementeve në jQuery
Para mbështjelljes me një tag, mund të krijoni paraprakisht
një element në dokument. Le t'i mbështjellim paragrafët
e paraqitur më poshtë me taget '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Për këtë mund të krijoni paraprakisht një element në
dokument duke përdorur
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Ose:
let div = document.createElement("div");
$('.www').wrap(div);
Si parametër mund të kaloni jo vetëm emrin
e tagut, por edhe një konstrukt të tillë - '<div></div>'
- në këtë rast efekti do të jetë absolutisht i njëjtë:
$('.www').wrap('<div></div>');
Kodi HTML do të duket kështu:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Kur përdorni mënyrën e dytë, në
tagun hapës (në rastin tonë '<div>')
mund të shkruani çdo atribut, ndërkohë
mbështjellja do të jetë së bashku me këto atribute.
Le t'i mbështjellim paragrafët tanë me një div me klasën
zzz:
$('.www').wrap('<div class="zzz"></div>');
Kodi HTML do të duket kështu:
<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>
Mbështjellni çdo h3 në div
me klasën aaa.
