Metoda after
Metoda after přidává text za
zadaný prvek. Existuje také metoda
insertAfter,
která funguje podobným způsobem.
Syntaxe
Vložení textu za prvek:
$(selektor).after(text);
Tímto způsobem bude za vybrané prvky přidán text, který bude vrácen uživatelskou funkcí. Funkce je volána samostatně pro každý z vybraných prvků. Do prvního parametru této funkce se dostane pořadové číslo v sadě každého z vybraných prvků (postupně), do druhého - aktuální obsah prvku:
$(selektor).after(function(pořadové číslo v sadě, aktuální obsah prvku));
Text může být nejen obyčejný text, ale také DOM element nebo objekt jQuery. V tomto případě budou tyto prvky přesunuty ze své pozice v HTML kódu.
Příklad
Vložme text za zadaný odstavec:
<p id="test">text</p>
$('#test').after('!!!');
HTML kód bude vypadat takto:
<p id="test">text</p>!!!
Příklad
Vložme text s tagy za zadaný odstavec:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML kód bude vypadat takto:
<p id="test">text</p><p>!!!</p>
Příklad
Přesuňme jeden odstavec pod druhý (tj. vyjmeme odstavec ze starého místa a umístíme na nové):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
HTML kód bude vypadat takto:
<p id="p2">text2</p>
<p id="p1">text1</p>
Viz také
-
metoda
insertAfter,
která přidává text za zadaný prvek -
metody
before,append,prepend,
umožňující přidávat obsah na určité místo na stránce -
metoda
clone,
která vytváří kopie vybraných prvků
