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:

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

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

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

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

HTML kod će izgledati ovako:

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

Primer

Dodajmo tekst sa tagovima na kraj zadatog pasusa:

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

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

HTML kod će izgledati ovako:

html<p id="test">tekst<b>!!!</b></p>

Primer

Pronađimo sve pasuse i na kraj svakog od njih stavimo njegov redni broj u skupu:

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>

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

HTML kod će izgledati ovako:

html<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>

Pogledajte takođe