Pseudoklassen :has i jQuery
Pseudoklassen
has
vælger elementer baseret på deres indhold. Lad os se på et eksempel.
Antag, at vi har følgende HTML-kode:
<p>tekst med <b>b</b> tag</p>
<p>tekst med <i><b>b</b></i> tag</p>
<p>tekst</p>
For eksempel,
lad os vælge alle afsnit, inde i hvilke der er tags
b:
$('p:has(b)');
Læg mærke til, at i eksemplet vil både
det første afsnit og det andet blive valgt, på trods af
at tagget b i det andet afsnit
ikke ligger direkte inde i p,
men først ligger i i.
Hvis du derimod har brug for direkte indlejring, skal du gøre sådan:
$('p:has(>b)');
I dette tilfælde vil kun det første afsnit blive valgt.
Hent og farv alle
h2, inde i hvilke der er tagget i, i rød.
Hent og farv alle
h2, som direkte indeholder
tagget i, i rød.