Metoda append
Metoda append doda besedilo na konec
elementa. Prav tako obstaja metoda
appendTo,
ki deluje na podoben način.
Sintaksa
Vstavljanje besedila na konec elementa:
javascript$(selektor).append(besedilo);
Na konec izbranih elementov lahko dodamo 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).append(function(številka v nizu, trenutna vsebina elementa));
Vsebina je lahko tudi ne le navadno besedilo, ampak tudi DOM element ali objekt jQuery. V tem primeru se ti elementi premaknejo s svoje pozicije v HTML kodi.
Primer
Dodajmo besedilo na konec danega odstavka:
html<p id="test">besedilo</p>javascript$('#test').append('!!!');
HTML koda bo takole:
html<p id="test">besedilo!!!</p>
Primer
Dodajmo besedilo z oznakami na konec danega odstavka:
html<p id="test">besedilo</p>javascript$('#test').append('<b>!!!</b>');
HTML koda bo takole:
html<p id="test">besedilo<b>!!!</b></p>
Primer
Poiščimo vse odstavke in na konec 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').append(function(index, text){return index;});
HTML koda bo takole:
html<p>besedilo0</p>
<p>besedilo1</p>
<p>besedilo2</p>
<p>besedilo3</p>
<p>besedilo4</p>