Metod after
Metod after dodaje tekst posle
određenog elementa. Takođe postoji metod
insertAfter,
koji funkcioniše na sličan način.
Sintaksa
Umetanje teksta posle elementa:
$(selektor).after(tekst);
Ovako će posle odabranih elemenata biti dodat tekst koji će biti vraćen korisničkom funkcijom. Funkcija se poziva posebno za svaki od odabranih elemenata. U prvi parametar ove funkcije ulazi redni broj u skupu svakog od odabranih elemenata (redom), u drugi - trenutni sadržaj elementa:
$(selektor).after(function(redni broj u skupu, trenutni sadržaj elementa));
Tekst takođe može da bude ne samo običan tekst, već i DOM element ili jQuery objekat. U tom slučaju ovi elementi će biti premešteni sa svoje pozicije u HTML kodu.
Primer
Hajde da umetnemo tekst posle određenog pasusa:
<p id="test">tekst</p>
$('#test').after('!!!');
HTML kod će tada izgledati ovako:
<p id="test">tekst</p>!!!
Primer
Hajde da umetnemo tekst sa tagovima posle određenog pasusa:
<p id="test">tekst</p>
$('#test').after('<p>!!!</p>');
HTML kod će tada izgledati ovako:
<p id="test">tekst</p><p>!!!</p>
Primer
Hajde da premestimo jedan pasus ispod drugog (odnosno, da isečemo pasus sa starog mesta i stavimo na novo):
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
$('#p1').after('#p2');
HTML kod će tada izgledati ovako:
<p id="p2">tekst2</p>
<p id="p1">tekst1</p>
Pogledajte takođe
-
metod
insertAfter,
koji dodaje tekst posle određenog elementa -
metode
before,append,prepend,
koje omogućavaju dodavanje sadržaja na određeno mesto na stranici -
metod
clone,
koji pravi kopije odabranih elemenata