After metodi
after metodi berilgan elementdan keyin
matn qo'shadi. Shuningdek, insertAfter
metodi ham mavjud bo'lib, u ham xuddi shunday ishlaydi.
Sintaksis
Elementdan keyin matn qo'shish:
$(selector).after(matn);
Tanlangan elementlardan keyin foydalanuvchi tomonidan qaytarilgan matn qo'shiladi. Funktsiya har bir tanlangan element uchun alohida chaqiriladi. Ushbu funktsiyaning birinchi parametriga tanlangan elementlar to'plamidagi raqam (navbat bilan), ikkinchi parametrga esa elementning joriy tarkibi kiradi:
$(selector).after(function(to'plamdagi raqam, elementning joriy tarkibi));
Matn nafaqat oddiy matn, balki DOM elementi yoki jQuery ob'ekti ham bo'lishi mumkin. Bu holda bu elementlar o'zlarining HTML kodidagi pozitsiyasidan ko'chiriladi.
Misol
Keling, berilgan abzatsdan keyin matn qo'shamiz:
<p id="test">matn</p>
$('#test').after('!!!');
HTML kodi quyidagicha ko'rinadi:
<p id="test">matn</p>!!!
Misol
Keling, berilgan abzatsdan keyin teglar bilan matn qo'shamiz:
<p id="test">matn</p>
$('#test').after('<p>!!!</p>');
HTML kodi quyidagicha ko'rinadi:
<p id="test">matn</p><p>!!!</p>
Misol
Keling, bitta abzatsni boshqasining ostiga ko'chiramiz (ya'ni abzatsni eski joyidan kesib olib, yangi joyiga qo'yamiz):
<p id="p1">matn1</p>
<p id="p2">matn2</p>
$('#p1').after('#p2');
HTML kodi quyidagicha ko'rinadi:
<p id="p2">matn2</p>
<p id="p1">matn1</p>
Shuningdek qarang
-
insertAftermetodi,
u berilgan elementdan keyin matn qo'shadi -
before,append,prependmetodlari,
sahifaning ma'lum joyiga tarkib qo'shishga imkon beradi -
clonemetodi,
u tanlangan elementlarning nusxalarini yaratadi
