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:
$(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:
$(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:
<p id="test">text</p>
$('#test').after('!!!');
HTML kód bude vyzerať takto:
<p id="test">text</p>!!!
Príklad
Pridajme text s tagmi za zadaný odstavec:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML kód bude vyzerať takto:
<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é):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
HTML kód bude vyzerať takto:
<p id="p2">text2</p>
<p id="p1">text1</p>
Pozrite tiež
-
metóda
insertAfter,
ktorá pridáva text za zadaný element -
metódy
before,append,prepend,
umožňujúce pridať obsah na určené miesto na stránke -
metóda
clone,
ktorá vytvára kópie vybraných elementov
