Метад 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,
які стварае копіі абраных элементаў
