Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

jQuery qardosh elementlar

jQuery yordamida elementning qo‘shni elementlarini topish uchun DOM daraxti bo‘ylab yon tomonga harakatlanishingiz mumkin.

Qardosh elementlarning ota elementi bitta bo‘ladi.

ULASHISH

DOM daraxtida yon tomonga harakatlanish

DOM daraxtida yon tomonga harakatlanish uchun ko‘plab foydali jQuery metodlari mavjud:

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

jQuery siblings() metodi

siblings() metodi tanlangan elementning barcha qo‘shni elementlarini qaytaradi.

Quyidagi misol <h2> elementining barcha qo‘shni elementlarini qaytaradi:

Misol

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

Qardosh elementlarni qidirishni filtrlash uchun ixtiyoriy parametrdan ham foydalanishingiz mumkin.

Quyidagi misol <h2> elementining <p> elementi bo‘lgan barcha qo‘shni elementlarini qaytaradi:

Misol

$(document).ready(function(){   $("h2").siblings("p"); });
O‘zingiz sinab ko‘ring »

jQuery next() metodi

next() metodi tanlangan elementdan keyingi qo‘shni elementni qaytaradi.

Quyidagi misol <h2> elementidan keyingi qo‘shni elementni qaytaradi:

Misol

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

jQuery nextAll() metodi

nextAll() metodi tanlangan elementdan keyingi barcha qo‘shni elementlarni qaytaradi.

Quyidagi misol <h2> elementidan keyingi barcha qo‘shni elementlarni qaytaradi:

Misol

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

jQuery nextUntil() metodi

nextUntil() metodi berilgan ikki argument orasidagi barcha keyingi qo‘shni elementlarni qaytaradi.

Quyidagi misol <h2> va <h6> elementlari orasidagi barcha qo‘shni elementlarni qaytaradi:

Misol

$(document).ready(function(){   $("h2").nextUntil("h6"); });
O‘zingiz sinab ko‘ring »

jQuery prev(), prevAll() va prevUntil() metodlari

prev(), prevAll() va prevUntil() metodlari yuqoridagi metodlar kabi ishlaydi, faqat teskari yo‘nalishda: ular oldingi qo‘shni elementlarni qaytaradi (DOM daraxtidagi qo‘shni elementlar bo‘ylab oldinga emas, orqaga harakatlanadi).

jQuery mashqlari

Mashqlar yordamida o‘zingizni sinang

Mashq:

<h2> elementining barcha qo‘shni elementlarini olish uchun jQuery metodidan foydalaning.

$("h2").();

Mashqni boshlash

jQuery traversing ma’lumotnomasi

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


‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish