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:

javascript$(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:

javascript$(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:

html<p id="test">besedilo</p>

javascript$('#test').prepend('!!!');

Koda HTML bo takšna:

html<p id="test">!!!besedilo</p>

Primer

Dodajmo besedilo z oznakami na začetek danega odstavka:

html<p id="test">besedilo</p>

javascript$('#test').prepend('<b>!!!</b>');

Koda HTML bo takšna:

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

html<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>

javascript$('p').prepend(function(index, text) {
  return index;
});

Koda HTML bo takšna:

html<p>0besedilo</p>
<p>1besedilo</p>
<p>2besedilo</p>
<p>3besedilo</p>
<p>4besedilo</p>

Glejte tudi