Метод 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,
који прави копије изабраних елемената
