Metod prepend
Metod prepend dodaje tekst na početak
elementa. Takođe postoji metod
prependTo,
koji radi na sličan način.
Sintaksa
Umetanje teksta na početak elementa:
$(selektor).prepend(tekst);
Na početak odabranih elemenata može se dodati tekst koji će biti vraćen od korisničke funkcije. Funkcija se poziva odvojeno za svaki od odabranih elemenata. Prilikom poziva joj se prosleđuju sledeći parametri: pozicija elementa u skupu, trenutni sadržaj elementa:
$(selektor).prepend(function(redni broj u skupu, trenutni sadržaj elementa));
Sadržaj takođe može biti ne samo običan tekst, već i DOM element ili jQuery objekat. U tom slučaju, ovi elementi će biti premešteni sa svoje pozicije u HTML kodu.
Primer
Hajde da umetnemo tekst na početak datog pasusa:
<p id="test">text</p>
$('#test').prepend('!!!');
HTML kod će izgledati ovako:
<p id="test">!!!text</p>
Primer
Hajde da umetnemo tekst sa tagovima na početak datog pasusa:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
HTML kod će izgledati ovako:
<p id="test"><b>!!!</b>text</p>
Primer
Hajde da pronađemo sve pasuse i na početak svakog od njih stavimo njegov redni broj u skupu:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
HTML kod će izgledati ovako:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>