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:

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

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

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

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

Kod HTML będzie wyglądać tak:

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

Przykład

Dodajmy tekst ze znacznikami po określonym akapicie:

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

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

Kod HTML będzie wyglądać tak:

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

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

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

Kod HTML będzie wyglądać tak:

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

Zobacz też