De :has pseudoklasse in jQuery
De pseudoklasse
has
selecteert elementen op basis van hun inhoud. Laten we een voorbeeld bekijken.
Stel dat we de volgende HTML-code hebben:
<p>tekst met <b>b</b> tag</p>
<p>tekst met <i><b>b</b></i> tag</p>
<p>tekst</p>
Laten we bijvoorbeeld
alle alinea's selecteren waarin zich
b-tags bevinden:
$('p:has(b)');
Let op dat in het voorbeeld zowel
de eerste als de tweede alinea worden geselecteerd,
ondanks het feit dat in de tweede alinea de b-tag
niet direct binnen p ligt,
maar eerst in een i-tag staat.
Als je direct geneste inhoud nodig hebt, moet je het als volgt doen:
$('p:has(>b)');
In dit geval wordt alleen de eerste alinea geselecteerd.
Verkrijg en kleur alle
h2-tags rood, waarin zich een i-tag bevindt.
Verkrijg en kleur alle
h2-tags rood, die direct een
i-tag bevatten.
