Metod append
Metod append dodaje tekst na kraj
elementa. Takođe postoji metod
appendTo,
koji radi na sličan način.
Sintaksa
Umetanje teksta na kraj elementa:
$(selektor).append(tekst);
Na kraj odabranih elemenata može se dodati tekst koji će biti vraćen korisničkom funkcijom. 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).append(function(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 ovom slučaju ti elementi će se pomeriti sa svoje pozicije u HTML kodu.
Primer
Dodajmo tekst na kraj zadatog pasusa:
<p id="test">tekst</p>
$('#test').append('!!!');
HTML kod će izgledati ovako:
<p id="test">tekst!!!</p>
Primer
Dodajmo tekst sa tagovima na kraj zadatog pasusa:
<p id="test">tekst</p>
$('#test').append('<b>!!!</b>');
HTML kod će izgledati ovako:
<p id="test">tekst<b>!!!</b></p>
Primer
Pronađimo sve pasuse i na kraj svakog od njih stavimo njegov redni broj u skupu:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
$('p').append(function(index, text){return index;});
HTML kod će izgledati ovako:
<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>
