Metoda prepend
Metoda prepend doda besedilo na začetek
elementa. Prav tako obstaja metoda
prependTo,
ki deluje na podoben način.
Sintaksa
Vstavljanje besedila na začetek elementa:
$(selektor).prepend(besedilo);
Na začetek izbranih elementov je mogoče dodati besedilo, ki ga vrne uporabniška funkcija. Funkcija se pokliče posebej za vsakega od izbranih elementov. Ob klicu so ji posredovani naslednji parametri: pozicija elementa v nizu, trenutna vsebina elementa:
$(selektor).prepend(function(številka v nizu, trenutna vsebina elementa));
Vsebina je lahko tudi ne le običajno besedilo, temveč tudi DOM element ali objekt jQuery. V tem primeru se bodo ti elementi premaknili iz svoje pozicije v kodi HTML.
Primer
Dodajmo besedilo na začetek danega odstavka:
<p id="test">besedilo</p>
$('#test').prepend('!!!');
Koda HTML bo takšna:
<p id="test">!!!besedilo</p>
Primer
Dodajmo besedilo z oznakami na začetek danega odstavka:
<p id="test">besedilo</p>
$('#test').prepend('<b>!!!</b>');
Koda HTML bo takšna:
<p id="test"><b>!!!</b>besedilo</p>
Primer
Poiščimo vse odstavke in na začetek vsakega od njih postavimo njegovo zaporedno številko v nizu:
<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>
$('p').prepend(function(index, text) {
return index;
});
Koda HTML bo takšna:
<p>0besedilo</p>
<p>1besedilo</p>
<p>2besedilo</p>
<p>3besedilo</p>
<p>4besedilo</p>
