jQuery Traversing - การกรอง
first(), last(), eq(), filter() และไม่ใช่() Methods
วิธีการกรองพื้นฐานที่สุดคือfirst()
, last()
และeq()
ซึ่งช่วยให้คุณสามารถเลือกองค์ประกอบเฉพาะตามตำแหน่งในกลุ่มขององค์ประกอบ
วิธีการกรองอื่นๆ เช่นfilter()
และnot()
อนุญาตให้คุณเลือกองค์ประกอบที่ตรงกันหรือไม่ตรงกับเกณฑ์บางอย่าง
jQuery ก่อน () เมธอด
วิธี การfirst()
ส่งคืนองค์ประกอบแรกขององค์ประกอบที่ระบุ
ตัวอย่างต่อไปนี้เลือก<div>
องค์ประกอบแรก:
ตัวอย่าง
$(document).ready(function(){
$("div").first();
});
jQuery ล่าสุด () เมธอด
วิธี การlast()
ส่งคืนองค์ประกอบสุดท้ายขององค์ประกอบที่ระบุ
ตัวอย่างต่อไปนี้เลือก<div>
องค์ประกอบสุดท้าย:
ตัวอย่าง
$(document).ready(function(){
$("div").last();
});
jQuery eq() วิธีการ
วิธี การeq()
ส่งคืนองค์ประกอบที่มีหมายเลขดัชนีเฉพาะขององค์ประกอบที่เลือก
หมายเลขดัชนีเริ่มต้นที่ 0 ดังนั้นองค์ประกอบแรกจะมีหมายเลขดัชนี 0 ไม่ใช่ 1 ตัวอย่างต่อไปนี้เลือก<p>
องค์ประกอบที่สอง (ดัชนีหมายเลข 1):
ตัวอย่าง
$(document).ready(function(){
$("p").eq(1);
});
ตัวกรอง jQuery () วิธีการ
วิธี การfilter()
นี้ช่วยให้คุณระบุเกณฑ์ได้ องค์ประกอบที่ไม่ตรงกับเกณฑ์จะถูกลบออกจากการเลือก และองค์ประกอบที่ตรงกันจะถูกส่งกลับ
ตัวอย่างต่อไปนี้ส่งคืน<p>
องค์ประกอบทั้งหมดที่มีชื่อคลาส "intro":
ตัวอย่าง
$(document).ready(function(){
$("p").filter(".intro");
});
jQuery ไม่ () เมธอด
วิธี การnot()
ส่งคืนองค์ประกอบทั้งหมดที่ไม่ตรงกับเกณฑ์
เคล็ดลับ: วิธี การnot()
นี้ตรงกันข้ามกับfilter()
.
ตัวอย่างต่อไปนี้ส่งคืน<p>
องค์ประกอบทั้งหมดที่ไม่มีชื่อคลาส "intro":
ตัวอย่าง
$(document).ready(function(){
$("p").not(".intro");
});
แบบฝึกหัด jQuery
jQuery Traversing Reference
สำหรับภาพรวมที่สมบูรณ์ของวิธีการ jQuery Traversing ทั้งหมด โปรดไปที่ jQuery Traversing Referenceของเรา