พิวโดคลาส :has ใน jQuery
พิวโดคลาส
has
เลือกเอลิเมนต์ตามเนื้อหาของพวกมัน ลองดูตัวอย่าง
สมมติว่าเรามีโค้ด HTML ดังต่อไปนี้:
<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>
ตัวอย่างเช่น
ให้เลือกพารากราฟทั้งหมดที่อยู่ภายในมีแท็ก
b:
$('p:has(b)');
โปรดสังเกตว่าในตัวอย่างจะถูกเลือก
ทั้งพารากราฟแรกและพารากราฟที่สอง แม้ว่า
ในพารากราฟที่สองแท็ก b
จะไม่ได้อยู่ภายใน p โดยตรง
แต่อยู่ใน i ก่อน
แต่ถ้าคุณต้องการการซ้อนกันโดยตรง ควรทำดังนี้:
$('p:has(>b)');
ในกรณีนี้จะเลือกเฉพาะพารากราฟแรก
ให้ได้มาซึ่งและเปลี่ยนสีเป็นสีแดงทั้งหมด
h2 ที่อยู่ภายในมีแท็ก i
ให้ได้มาซึ่งและเปลี่ยนสีเป็นสีแดงทั้งหมด
h2 ที่มีแท็ก i อยู่ภายในโดยตรง
