Метод 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="p1">матн1</p>
<p id="p2">матн2</p>
Шунингдек қаранг
-
insertAfterметоди,
берілган элементдан кейин матн қўшади -
before,append,prependметодлари,
саҳифанинг белгиланган жойига мазмун қўшиш имконини беради -
cloneметоди,
танланган элементларнинг нусхаларини яратади
