Metoda after
Metoda after dodaje tekst po
określonym elemencie. Istnieje również metoda
insertAfter,
która działa w podobny sposób.
Składnia
Wstawianie tekstu po elemencie:
$(selektor).after(tekst);
W ten sposób po wybranych elementach zostanie dodany tekst, który zostanie zwrócony przez funkcję użytkownika. Funkcja jest wywoływana osobno dla każdego z wybranych elementów. Do pierwszego parametru tej funkcji trafia numer w zestawieniu każdego z wybranych elementów (kolejno), do drugiego - bieżąca zawartość elementu:
$(selektor).after(function(numer w zestawie, bieżąca zawartość elementu));
Tekst może być nie tylko zwykłym tekstem, ale także elementem DOM lub obiektem jQuery. W tym przypadku te elementy zostaną przeniesione ze swojej pozycji w kodzie HTML.
Przykład
Dodajmy tekst po określonym akapicie:
<p id="test">text</p>
$('#test').after('!!!');
Kod HTML będzie wyglądać tak:
<p id="test">text</p>!!!
Przykład
Dodajmy tekst ze znacznikami po określonym akapicie:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
Kod HTML będzie wyglądać tak:
<p id="test">text</p><p>!!!</p>
Przykład
Przenieśmy jeden akapit pod drugi (czyli wytnijmy akapit ze starego miejsca i umieśćmy w nowym):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
Kod HTML będzie wyglądać tak:
<p id="p2">text2</p>
<p id="p1">text1</p>
Zobacz też
-
metoda
insertAfter,
która dodaje tekst po określonym elemencie -
metody
before,append,prepend,
pozwalające dodać zawartość w określone miejsce na stronie -
metoda
clone,
która tworzy kopie wybranych elementów
