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