Метод after
Методът after добавя текст след
зададения елемент. Съществува и метод
insertAfter,
който работи по подобен начин.
Синтаксис
Добавяне на текст след елемент:
$(селектор).after(текст);
Така след избраните елементи ще бъде добавен текст, който ще бъде върнат от потребителската функция. Функцията се извиква отделно за всеки от избраните елементи. В първия параметър на тази функция се подава номерът в набора на всеки от избраните елементи (поред), а във втория - текущото съдържание на елемента:
$(селектор).after(function(номер в набора, текущо съдържание на елемента));
Текстът може да бъде не само обикновен текст, но и DOM елемент или jQuery обект. В този случай тези елементи ще бъдат преместени от собствената си позиция в HTML кода.
Пример
Нека добавим текст след зададения параграф:
<p id="test">text</p>
$('#test').after('!!!');
HTML кодът ще изглежда така:
<p id="test">text</p>!!!
Пример
Нека добавим текст с тагове след зададения параграф:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML кодът ще изглежда така:
<p id="test">text</p><p>!!!</p>
Пример
Нека преместим един параграф под друг (тоест изрежем параграфа от старото му място и го поставим на ново):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
HTML кодът ще изглежда така:
<p id="p2">text2</p>
<p id="p1">text1</p>
Вижте също
-
метод
insertAfter,
който добавя текст след зададения елемент -
методите
before,append,prepend,
които позволяват добавяне на съдържание на определено място в страницата -
метод
clone,
който създава копия на избраните елементи
