Has-selektoren
Selektoren :has velger elementer,
som inneholder minst ett element
i henhold til den angitte selektoren, ikke nødvendigvis
umiddelbar etterkommer.
Siden :has ikke tilhører CSS-spesifikasjonen,
for å forbedre ytelsen i moderne
nettlesere er det bedre å bruke
$("din css-selektor").has(selektor/DOM-element) i stedet.
Syntaks
Slik velger vi elementer:
javascript$(':has(selektor)');
Slik velger vi elementer, hvis det kreves umiddelbar innlegging av selektoren:
javascript$(':has(>selektor)');
Eksempel
La oss velge kun de avsnittene som inneholder
taggen b og
legge til teksten '!!!' på slutten:
html<p>tekst</p>
<p>tekst</p>
<p><b>fet</b> tekst</p>
<p><b>fet</b> tekst</p>javascript$('p:has(b)').append('!!!');
HTML-koden vil se slik ut:
html<p>tekst</p>
<p>tekst</p>
<p><b>fet</b> tekst!!!</p>
<p><b>fet</b> tekst!!!</p>