jQuery :ตัวเลือก ลูกคนแรก
ตัวอย่าง
เลือกทุก <p> องค์ประกอบที่เป็นลูกคนแรกของผู้ปกครอง:
$("p:first-child")
ความหมายและการใช้งาน
ตัวเลือก :first-child เลือกองค์ประกอบทั้งหมดที่เป็นลูกคนแรกของผู้ปกครอง
เคล็ดลับ:ใช้ ตัวเลือก :last-child เพื่อเลือกองค์ประกอบที่เป็นลูกสุดท้ายของผู้ปกครอง
ไวยากรณ์
$(":first-child")
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีเลือกองค์ประกอบ <p> แรกขององค์ประกอบ <div> ทั้งหมด
แสดงความแตกต่างระหว่างตัวเลือก :first และ :first-child
แสดงความแตกต่างระหว่างตัวเลือก :first, :first-child และ :first-of-type