jQuery :nth-of-type()ตัวเลือก

❮ ตัวเลือก jQuery

ตัวอย่าง

เลือกแต่ละองค์ประกอบ <p> ที่เป็นองค์ประกอบ <p> ที่สามขององค์ประกอบหลัก:

$("p:nth-of-type(3)")

ความหมายและการใช้งาน

ตัวเลือก :nth-of-type( n ) จะเลือกองค์ประกอบทั้งหมดที่เป็นลูกที่nของประเภทเฉพาะของพาเรนต์

เคล็ดลับ:ใช้ตัวเลือก:nth-child()เพื่อเลือกองค์ประกอบทั้งหมดที่เป็นลูกที่n โดยไม่คำนึงถึงประเภทของผู้ปกครอง


ไวยากรณ์

:nth-of-type(n|even|odd|formula)

Parameter Description
n The index of each child to match.

Must be a number. The first element has the index number 1.
even Selects each even child element
odd Selects each odd child element
formula Specifies which child element(s) to be selected with a formula (an + b).
Example: p:nth-of-type(3n+2) selects each 3rd paragraph, starting at the 2nd paragraph

ลองด้วยตัวคุณเอง - ตัวอย่าง


วิธีเลือกองค์ประกอบ <p> แต่ละองค์ประกอบที่เป็นองค์ประกอบ <p> ที่สองขององค์ประกอบ <div> ทั้งหมด


วิธีใช้สูตร ( an + b ) เพื่อเลือกองค์ประกอบย่อยต่างๆ


วิธีใช้คู่และคี่เพื่อเลือกองค์ประกอบย่อยที่แตกต่างกัน


ความแตกต่างระหว่าง p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) และ p:nth-of-last-type(2)


❮ ตัวเลือก jQuery