Metóda after

Metóda after pridáva text za zadaný element. Existuje aj metóda insertAfter, ktorá funguje podobným spôsobom.

Syntax

Vloženie textu za element:

javascript$(selektor).after(text);

Takto za vybrané elementy bude pridaný text, ktorý bude vrátený používateľskou funkciou. Funkcia je volaná, samostatne pre každý z vybraných elementov. Do prvého parametra tejto funkcie padne číslo v súbore každého z vybraných elementov (postupne), do druhého - aktuálny obsah elementu:

javascript$(selektor).after(function(číslo v súbore, aktuálny obsah elementu));

Text môže byť nielen obyčajným textom, ale aj DOM elementom alebo objektom jQuery. V tomto prípade tieto elementy sa presunú zo svojej pozície v HTML kóde.

Príklad

Pridajme text za zadaný odstavec:

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

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

HTML kód bude vyzerať takto:

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

Príklad

Pridajme text s tagmi za zadaný odstavec:

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

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

HTML kód bude vyzerať takto:

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

Príklad

Presuňme jeden odstavec pod druhý (to znamená vyrežeme odstavec zo starého miesta a umiestnime na nové):

html<p id="p1">text1</p>
<p id="p2">text2</p>

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

HTML kód bude vyzerať takto:

html<p id="p2">text2</p>
<p id="p1">text1</p>

Pozrite tiež