Метод after

Метод after элементден кийин текст кошот. Ошондой эле insertAfter методу бар, ал окшош жол менен иштейт.

Синтаксис

Элементден кийин текст кошуу:

javascript$(селектор).after(текст);

Тандалган элементтерден кийин, колдонуучунун функциясы кайтарган текст кошулат. Функция ар бир тандалган элемент үчүн өзүнчө чакырылат. Бул функциянын биринчи параметрине ар бир тандалган элементтин топтогу номери (кезек менен) түшөт, экинчисине - элементтин учурку мазмуну:

javascript$(селектор).after(function(топтогу номери, элементтин учурку мазмуну));

Текст жөн гана текст эмес, ошондой эле DOM элементи же jQuery объектиси болушу мүмкүн. Бул учурда бул элементтер HTML коддогу өз позицияларынан жылышат.

Мисал

Келгиле, белгиленген абзацтан кийин текст кошолу:

html<p id="test">текст</p>

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

HTML код төмөнкүдөй көрүнөт:

html<p id="test">текст</p>!!!

Мисал

Келгиле, белгиленген абзацтан кийин тегдер менен текст кошолу:

html<p id="test">текст</p>

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

HTML код төмөнкүдөй көрүнөт:

html<p id="test">текст</p><p>!!!</p>

Мисал

Келгиле, бир абзацты экинчисинин астына жылдыралы (башкача айтканда, абзацты эски жеринен кесип алып, жаңы жерге коёлу):

html<p id="p1">текст1</p>
<p id="p2">текст2</p>

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

HTML код төмөнкүдөй көрүнөт:

html<p id="p2">текст2</p>
<p id="p1">текст1</p>

Ошондой эле караңыз