Metoda after
Metoda after doda besedilo za
določenim elementom. Prav tako obstaja metoda
insertAfter,
ki deluje na podoben način.
Sintaksa
Vstavljanje besedila za elementom:
$(selektor).after(besedilo);
Tako bo za izbranimi elementi dodano besedilo, ki ga vrne uporabniška funkcija. Funkcija se pokliče posebej za vsakega od izbranih elementov. V prvi parameter te funkcije pride zaporedna številka vsakega od izbranih elementov (po vrsti), v drugi pa trenutna vsebina elementa:
$(selektor).after(function(zaporedna številka, trenutna vsebina elementa));
Besedilo je lahko ne le navadno besedilo, temveč tudi DOM element ali objekt jQuery. V tem primeru se ti elementi premaknejo iz svojega prvotnega mesta v HTML kodi.
Primer
Dodajmo besedilo za določenim odstavkom:
<p id="test">besedilo</p>
$('#test').after('!!!');
HTML koda bo takole:
<p id="test">besedilo</p>!!!
Primer
Dodajmo besedilo z oznakami za določenim odstavkom:
<p id="test">besedilo</p>
$('#test').after('<p>!!!</p>');
HTML koda bo takole:
<p id="test">besedilo</p><p>!!!</p>
Primer
Premaknimo en odstavek pod drugega (to pomeni, da izrežemo odstavek iz starega mesta in ga postavimo na novo):
<p id="p1">besedilo1</p>
<p id="p2">besedilo2</p>
$('#p1').after($('#p2'));
HTML koda bo takole:
<p id="p1">besedilo1</p>
<p id="p2">besedilo2</p>
Glejte tudi
-
metoda
insertAfter,
ki doda besedilo za določenim elementom -
metode
before,append,prepend,
ki omogočajo dodajanje vsebine na določeno mesto na strani -
metoda
clone,
ki ustvari kopije izbranih elementov
