jQuery avlod elementlar

jQuery yordamida elementning avlodlarini topish uchun DOM daraxti bo‘ylab pastga harakatlanishingiz mumkin.

Avlod — bu bola, nabira, evara va hokazo.

DOM daraxti bo‘ylab pastga harakatlanish

DOM daraxti bo‘ylab pastga harakatlanish uchun ikkita foydali jQuery metodi:

children() metodi tanlangan elementning barcha bevosita bola elementlarini qaytaradi.

Bu metod DOM daraxti bo‘ylab faqat bir daraja pastga harakatlanadi.

Quyidagi misol har bir <div> elementining bevosita bola elementlari bo‘lgan barcha elementlarni qaytaradi:

$(document).ready(function(){ $("div").children(); });

Bola elementlarni qidirishni filtrlash uchun ixtiyoriy parametrdan ham foydalanishingiz mumkin.

Quyidagi misol <div> elementining bevosita bola elementlari hisoblangan va klass nomi "first" bo‘lgan barcha <p> elementlarini qaytaradi:

$(document).ready(function(){ $("div").children("p.first"); });

find() metodi tanlangan elementning oxirgi avlodigacha bo‘lgan barcha avlod elementlarini qaytaradi.

Quyidagi misol <div> elementining avlodlari bo‘lgan barcha <span> elementlarini qaytaradi:

$(document).ready(function(){ $("div").find("span"); });

Quyidagi misol <div> elementining barcha avlodlarini qaytaradi:

$(document).ready(function(){ $("div").find("*"); });

Barcha jQuery traversing metodlari bo‘yicha to‘liq ma’lumot uchun jQuery traversing ma’lumotnomasiga o‘ting.

Yutuqlaringizni kuzating – bu bepul!