Has-selector
De selector :has selecteert elementen,
die ten minste één element bevatten
volgens de opgegeven selector, niet noodzakelijkerwijs
een direct afstammeling.
Omdat :has niet tot de CSS-specificatie behoort,
is het voor betere prestaties in moderne
browsers beter om in plaats daarvan
$("uw css-selector").has(selector/DOM-element) te gebruiken.
Syntaxis
Zo selecteren we elementen:
javascript$(':has(selector)');
Zo selecteren we elementen, als directe genesting van de selector nodig is:
javascript$(':has(>selector)');
Voorbeeld
Laten we alleen die alinea's selecteren die binnenin een
b tag hebben en
daar de tekst '!!!' aan het einde toevoegen:
html<p>tekst</p>
<p>tekst</p>
<p><b>vet</b> tekst</p>
<p><b>vet</b> tekst</p>javascript$('p:has(b)').append('!!!');
De HTML-code ziet er dan zo uit:
html<p>tekst</p>
<p>tekst</p>
<p><b>vet</b> tekst!!!</p>
<p><b>vet</b> tekst!!!</p>