ล่าสุดการพัฒนาเว็บบทเรียน
 

jQueryภายใน - กรอง

❮ก่อนหน้า ถัดไปบท❯

แคบลงการค้นหาสำหรับองค์ประกอบ

สามวิธีการกรองขั้นพื้นฐานที่สุดเป็น first(), last() และ eq() ซึ่งจะช่วยให้คุณสามารถเลือกองค์ประกอบเฉพาะขึ้นอยู่กับตำแหน่งในกลุ่มขององค์ประกอบ

วิธีการกรองอื่น ๆ เช่น filter() และ not() อนุญาตให้คุณเลือกองค์ประกอบที่ตรงหรือไม่ตรงกับเกณฑ์บางอย่าง

jQuery first() วิธี

first() วิธีการส่งกลับองค์ประกอบแรกขององค์ประกอบที่เลือก

ตัวอย่างต่อไปนี้เลือกแรก <p> องค์ประกอบภายในแรก <div> องค์ประกอบ:

ตัวอย่าง

$(document).ready(function(){
    $("div p").first();
});
ลองตัวเอง»

jQuery last() วิธี

last() วิธีการส่งกลับองค์ประกอบสุดท้ายขององค์ประกอบที่เลือก

ตัวอย่างต่อไปนี้เลือกสุดท้าย <p> องค์ประกอบภายในที่ผ่านมา <div> องค์ประกอบ:

ตัวอย่าง

$(document).ready(function(){
    $("div p").last();
});
ลองตัวเอง»

jQuery eq() วิธีการ

eq() วิธีการส่งกลับองค์ประกอบที่มีจำนวนดัชนีที่เฉพาะเจาะจงขององค์ประกอบที่เลือก

ตัวเลขดัชนีเริ่มต้นที่ 0 ดังนั้นองค์ประกอบแรกจะมีหมายเลขดัชนี 0 และไม่ 1. ตัวอย่างต่อไปนี้เลือกที่สอง <p> องค์ประกอบ (ดัชนีหมายเลข 1):

ตัวอย่าง

$(document).ready(function(){
    $("p").eq(1);
});
ลองตัวเอง»

jQuery filter() วิธี

filter() วิธีการช่วยให้คุณระบุเกณฑ์ องค์ประกอบที่ไม่ตรงกับเกณฑ์ที่จะถูกลบออกจากการเลือกและผู้ที่ตรงจะถูกส่งกลับ

ตัวอย่างต่อไปนี้จะส่งกลับทั้งหมด <p> องค์ประกอบที่มีชื่อชั้น "intro" :

ตัวอย่าง

$(document).ready(function(){
    $("p").filter(".intro");
});
ลองตัวเอง»

jQuery not() วิธี

not() วิธีการส่งกลับองค์ประกอบทั้งหมดที่ไม่ตรงกับเกณฑ์

แนะนำ: not() เป็นวิธีการที่ตรงข้ามของ filter()

ตัวอย่างต่อไปนี้จะส่งกลับทั้งหมด <p> องค์ประกอบที่ไม่ได้มีชื่อชั้น "intro" :

ตัวอย่าง

$(document).ready(function(){
    $("p").not(".intro");
});
ลองตัวเอง»

ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 » ออกกำลังกาย 6 »

jQuery traversing อ้างอิง

สำหรับภาพรวมทั้งหมดของทุกวิธีการ jQuery traversing โปรดไปที่เรา jQuery traversing อ้างอิง


❮ก่อนหน้า ถัดไปบท❯