jQuery ajdod elementlar


jQuery yordamida elementning ajdodlarini topish uchun DOM daraxti bo‘ylab yuqoriga harakatlanishingiz mumkin.

Ajdod — bu ota, bobo, katta bobo va hokazo.


ULASHISH

DOM daraxti bo‘ylab yuqoriga harakatlanish

DOM daraxti bo‘ylab yuqoriga harakatlanish uchun uchta foydali jQuery metodi:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() metodi

parent() metodi tanlangan elementning bevosita ota elementini qaytaradi.

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

Quyidagi misol har bir <span> elementining bevosita ota elementini qaytaradi:

Misol

$(document).ready(function(){   $("span").parent(); });
O‘zingiz sinab ko‘ring »


jQuery parents() metodi

parents() metodi tanlangan elementning hujjatning ildiz elementigacha (<html>) bo‘lgan barcha ajdod elementlarini qaytaradi.

Quyidagi misol barcha <span> elementlarining barcha ajdodlarini qaytaradi:

Misol

$(document).ready(function(){   $("span").parents(); });
O‘zingiz sinab ko‘ring »

Ajdodlarni qidirishni filtrlash uchun ixtiyoriy parametrdan ham foydalanishingiz mumkin.

Quyidagi misol barcha <span> elementlarining <ul> elementi bo‘lgan barcha ajdodlarini qaytaradi:

Misol

$(document).ready(function(){   $("span").parents("ul"); });
O‘zingiz sinab ko‘ring »

jQuery parentsUntil() metodi

parentsUntil() metodi berilgan ikki argument orasidagi barcha ajdod elementlarni qaytaradi.

Quyidagi misol <span> va <div> elementlari orasidagi barcha ajdod elementlarni qaytaradi:

Misol

$(document).ready(function(){   $("span").parentsUntil("div"); });
O‘zingiz sinab ko‘ring »

jQuery mashqlari

Mashqlar yordamida o‘zingizni sinang

Mashq:

<span> elementining bevosita ota elementini olish uchun jQuery metodidan foydalaning.

$("span").();

Mashqni boshlash


jQuery traversing ma’lumotnomasi

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


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!