jQuery filtrlash


ULASHISH

first(), last(), eq(), filter() va not() metodlari

Eng oddiy filtrlash metodlari — first(), last() va eq(). Ular elementlar guruhidagi o‘rniga qarab muayyan elementni tanlash imkonini beradi.

filter() va not() kabi boshqa filtrlash metodlari muayyan mezonga mos keladigan yoki mos kelmaydigan elementlarni tanlash imkonini beradi.


jQuery first() metodi

first() metodi belgilangan elementlarning birinchisini qaytaradi.

Quyidagi misol birinchi <div> elementini tanlaydi:

Misol

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

jQuery last() metodi

last() metodi belgilangan elementlarning oxirgisini qaytaradi.

Quyidagi misol oxirgi <div> elementini tanlaydi:

Misol

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


jQuery eq() metodi

eq() metodi tanlangan elementlar orasidan muayyan indeks raqamiga ega elementni qaytaradi.

Indeks raqamlari 0 dan boshlanadi, shuning uchun birinchi elementning indeks raqami 1 emas, 0 bo‘ladi. Quyidagi misol ikkinchi <p> elementini (indeks raqami 1) tanlaydi:

Misol

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

jQuery filter() metodi

filter() metodi mezon belgilash imkonini beradi. Mezonga mos kelmaydigan elementlar tanlovdan olib tashlanadi, mos keladiganlari esa qaytariladi.

Quyidagi misol klass nomi "intro" bo‘lgan barcha <p> elementlarini qaytaradi:

Misol

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

jQuery not() metodi

not() metodi mezonga mos kelmaydigan barcha elementlarni qaytaradi.

Maslahat: not() metodi filter() metodining teskarisidir.

Quyidagi misol klass nomi "intro" bo‘lmagan barcha <p> elementlarini qaytaradi:

Misol

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

jQuery mashqlari

Mashqlar yordamida o‘zingizni sinang

Mashq:

Hujjatdagi birinchi <div> elementini olish uchun jQuery metodidan foydalaning.

$("div").();

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!