after metódus
Az after metódus szöveget ad hozzá a megadott elem után.
Szintén létezik az insertAfter
metódus, amely hasonló módon működik.
Szintaxis
Szöveg beszúrása egy elem után:
$(selector).after(szöveg);
Így a kiválasztott elemek után hozzáadódik a szöveg, amit a felhasználó által definiált függvény ad vissza. A függvény a kiválasztott elemek mindegyikére külön-külön meghívásra kerül. Az első paramétere a függvénynek az elem sorszáma a halmazban (sorrendben), a második pedig az elem aktuális tartalma:
$(selector).after(function(sorszám a halmazban, az elem aktuális tartalma));
A szöveg nem csak egyszerű szöveg lehet, hanem DOM elem vagy jQuery objektum is. Ebben az esetben ezek az elemek elmozdulnak eredeti pozíciójukból a HTML kódban.
Példa
Szúrjunk be szöveget a megadott bekezdés után:
<p id="test">szöveg</p>
$('#test').after('!!!');
A HTML kód így fog kinézni:
<p id="test">szöveg</p>!!!
Példa
Szúrjunk be címkékkel ellátott szöveget a megadott bekezdés után:
<p id="test">szöveg</p>
$('#test').after('<p>!!!</p>');
A HTML kód így fog kinézni:
<p id="test">szöveg</p><p>!!!</p>
Példa
Helyezzük át az egyik bekezdést a másik alá (azaz vágjuk ki a bekezdést a régi helyéről és tegyük az új helyére):
<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>
$('#p1').after($('#p2'));
A HTML kód így fog kinézni:
<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>
Lásd még
-
insertAftermetódus,
amely szöveget ad hozzá a megadott elem után -
before,append,prependmetódusok,
amelyek lehetővé teszik tartalom hozzáadását az oldal egy meghatározott helyén -
clonemetódus,
amely a kiválasztott elemek másolatát készíti
