jQuery :has()ตัวเลือก
ตัวอย่าง
เลือกองค์ประกอบ <p> ทั้งหมดที่มีองค์ประกอบ <span> อยู่ภายใน:
$("p:has(span)")
ความหมายและการใช้งาน
ตัวเลือก :has() จะเลือกองค์ประกอบทั้งหมดที่มีองค์ประกอบหนึ่งองค์ประกอบขึ้นไป ซึ่งตรงกับตัวเลือกที่ระบุ
เคล็ดลับ:หากต้องการเลือกองค์ประกอบที่มีหลายองค์ประกอบอยู่ภายใน ให้ใช้เครื่องหมายจุลภาค (ดูตัวอย่างด้านล่าง)
ไวยากรณ์
$(":has(selector)")
Parameter | Description |
---|---|
selector | Required. Specifies the element to select. This parameter accepts any kind of selector |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีเลือกองค์ประกอบที่มีองค์ประกอบหลายรายการอยู่ภายใน
โดยใช้ตัวเลือก :not ร่วมกับ :ต้องเลือกองค์ประกอบที่ไม่มีองค์ประกอบอยู่ภายใน