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әдісі,
ол таңдалған элементтердің көшірмелерін жасайды
