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:

html<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:

javascript$('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:

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

In dit geval wordt alleen de eerste alinea geselecteerd.