Метод after
Метод after элементден кийин
текст кошот. Ошондой эле
insertAfter
методу бар, ал окшош жол менен иштейт.
Синтаксис
Элементден кийин текст кошуу:
$(селектор).after(текст);
Тандалган элементтерден кийин, колдонуучунун функциясы кайтарган текст кошулат. Функция ар бир тандалган элемент үчүн өзүнчө чакырылат. Бул функциянын биринчи параметрине ар бир тандалган элементтин топтогу номери (кезек менен) түшөт, экинчисине - элементтин учурку мазмуну:
$(селектор).after(function(топтогу номери, элементтин учурку мазмуну));
Текст жөн гана текст эмес, ошондой эле DOM элементи же jQuery объектиси болушу мүмкүн. Бул учурда бул элементтер HTML коддогу өз позицияларынан жылышат.
Мисал
Келгиле, белгиленген абзацтан кийин текст кошолу:
<p id="test">текст</p>
$('#test').after('!!!');
HTML код төмөнкүдөй көрүнөт:
<p id="test">текст</p>!!!
Мисал
Келгиле, белгиленген абзацтан кийин тегдер менен текст кошолу:
<p id="test">текст</p>
$('#test').after('<p>!!!</p>');
HTML код төмөнкүдөй көрүнөт:
<p id="test">текст</p><p>!!!</p>
Мисал
Келгиле, бир абзацты экинчисинин астына жылдыралы (башкача айтканда, абзацты эски жеринен кесип алып, жаңы жерге коёлу):
<p id="p1">текст1</p>
<p id="p2">текст2</p>
$('#p1').after('#p2');
HTML код төмөнкүдөй көрүнөт:
<p id="p2">текст2</p>
<p id="p1">текст1</p>
Ошондой эле караңыз
-
метод
insertAfter,
ал элементден кийин текст кошот -
методдор
before,append,prepend,
беттин белгилүү бир жерине мазмун кошууга мүмкүнчүлүк берет -
метод
clone,
ал тандалган элементтердин көчүрмөлөрүн түзөт