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");
});

ลองทำด้วยตัวเอง

คู่มืออ้างอิง jQuery ที่เน้นการวนรอบ

ถ้าคุณต้องการรู้ถึงทุกวิธีการวนรอบ jQuery โปรดเข้าถึง คู่มืออ้างอิง jQuery ที่เน้นการวนรอบ