Metoda wrap

Metoda wrap i mbështjell elementet në një tag të caktuar.

Sintaksa

Parametri i metodës mund të jetë tekst (mundësisht me tag), element DOM ose objekt jQuery:

javascript.wrap(text or tag);

Kështu elementet e zgjedhur mbështjellen me përmbajtjen, e cila do të kthehet nga funksioni i përdoruesit. Funksioni thirret veçmas, për secilin prej elementëve të zgjedhur, si parametër merr pozicionin e elementit në grup:

javascript.wrap(function(numri në grup));

Shembull

Le t'i mbështjellim të gjithë paragrafët me klasën www me tag-un div:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('.www').wrap(document.createElement('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>

Shembull

Si parametër mund të kaljohet jo vetëm emri i tag-ut, por edhe konstruksioni i mëposhtëm:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
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>

Shembull

Në tag-un hapës mund të shkruhen çdo atribut, ku njëkohësisht mbështjellja do të jetë së bashku me këta atribute. Le t'i mbështjellim paragrafët me klasën www me një div me klasën zzz:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
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>

Shihni gjithashtu