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>':

html<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'):

javascript$('.www').wrap(document.createElement('div'));

Ose:

javascriptlet 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ë:

javascript$('.www').wrap('<div></div>');

Kodi HTML do të duket kështu:

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>

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:

javascript$('.www').wrap('<div class="zzz"></div>');

Kodi HTML do të duket kështu:

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>