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:

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

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

html<p id="test">szöveg</p>

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

A HTML kód így fog kinézni:

html<p id="test">szöveg</p>!!!

Példa

Szúrjunk be címkékkel ellátott szöveget a megadott bekezdés után:

html<p id="test">szöveg</p>

javascript$('#test').after('<p>!!!</p>');

A HTML kód így fog kinézni:

html<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):

html<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>

javascript$('#p1').after($('#p2'));

A HTML kód így fog kinézni:

html<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>

Lásd még