Metoda prepend
Metoda prepend shton tekst në fillim
të elementit. Ekziston gjithashtu metoda
prependTo,
e cila punon në mënyrë të ngjashme.
Sintaksa
Futja e tekstit në fillim të elementit:
$(selector).prepend(tekst);
Në fillim të elementëve të përzgjedhur mund të shtohet tekst, i cili do të kthehet nga funksioni i përdoruesit. Funksioni thirret, veçmas për secilin prej elementëve të përzgjedhur. Gjatë thirrjes i kalohen parametrat e mëposhtëm: pozita e elementit në grup, përmbajtja aktuale e elementit:
$(selector).prepend(function(numri në grup, përmbajtja aktuale e elementit));
Përmbajtja mund të jetë jo vetëm tekst i zakonshëm, por edhe element DOM ose objekt jQuery. Në këtë rast, këta elementë do të zhvendosen nga pozicioni i tyre në kodin HTML.
Shembull
Le të fusim tekst në fillim të paragrafit të dhënë:
<p id="test">text</p>
$('#test').prepend('!!!');
Kodi HTML do të duket kështu:
<p id="test">!!!text</p>
Shembull
Le të fusim tekst me etiketa në fillim të paragrafit të dhënë:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
Kodi HTML do të duket kështu:
<p id="test"><b>!!!</b>text</p>
Shembull
Le të gjejmë të gjitha paragrafët dhe në fillim të secilit prej tyre të vendosim numrin e tij rendor në grup:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
Kodi HTML do të duket kështu:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>