after әдісі

after әдісі көрсетілген элементтен кейін мәтін қосады. Сонымен қатар insertAfter әдісі бар, ол да осылай жұмыс істейді.

Синтаксис

Элементтен кейін мәтін қосу:

javascript$(селектор).after(мәтін);

Таңдалған элементтерден кейін пайдаланушы функциясы қайтарған мәтін қосылады. Функция әрбір таңдалған элемент үшін бөлек шақырылады. Бұл функцияның бірінші параметріне таңдалған элементтер жиынындағы нөмірі (кезекпен), екіншісіне - элементтің ағымдағы мазмұны түседі:

javascript$(селектор).after(function(жиындағы нөмір, элементтің ағымдағы мазмұны));

Мәтін жай ғана мәтін емес, сонымен қатар DOM элементі немесе jQuery нысаны да болуы мүмкін. Бұл жағдайда бұл элементтер HTML кодындағы өз орнынан жылжиды.

Мысал

Көрсетілген абзацтан кейін мәтін қосамыз:

html<p id="test">text</p>

javascript$('#test').after('!!!');

HTML коды мынадай болады:

html<p id="test">text</p>!!!

Мысал

Көрсетілген абзацтан кейін тегтері бар мәтін қосамыз:

html<p id="test">text</p>

javascript$('#test').after('<p>!!!</p>');

HTML коды мынадай болады:

html<p id="test">text</p><p>!!!</p>

Мысал

Бір абзацты екіншісінің астына жылжытамыз (яғни абзацты ескі орнынан кесіп алып, жаңа орнына қоямыз):

html<p id="p1">text1</p>
<p id="p2">text2</p>

javascript$('#p1').after('#p2');

HTML коды мынадай болады:

html<p id="p2">text2</p>
<p id="p1">text1</p>

Сондай-ақ қараңыз