พิวโดคลาส :has ใน jQuery

พิวโดคลาส has เลือกเอลิเมนต์ตามเนื้อหาของพวกมัน ลองดูตัวอย่าง สมมติว่าเรามีโค้ด HTML ดังต่อไปนี้:

html<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>

ตัวอย่างเช่น ให้เลือกพารากราฟทั้งหมดที่อยู่ภายในมีแท็ก b:

javascript$('p:has(b)');

โปรดสังเกตว่าในตัวอย่างจะถูกเลือก ทั้งพารากราฟแรกและพารากราฟที่สอง แม้ว่า ในพารากราฟที่สองแท็ก b จะไม่ได้อยู่ภายใน p โดยตรง แต่อยู่ใน i ก่อน

แต่ถ้าคุณต้องการการซ้อนกันโดยตรง ควรทำดังนี้:

javascript$('p:has(>b)');

ในกรณีนี้จะเลือกเฉพาะพารากราฟแรก