Has-selektor
Selektor :has valib elemendid,
mis sisaldavad vähemalt ühte elementi
vastavalt antud valikule, mitte tingimata
otsejärglast.
Kuna :has ei kuulu CSS spetsifikatsiooni,
siis kaasaegsetes brauserites parema jõudluse
saavutamiseks on parem selle asemel kasutada
$("teie css-selektor").has(selektor/DOM element).
Süntaks
Nii valime me elemendid:
javascript$(':has(selektor)');
Nii valime me elemendid, kui on vaja selektori otsene pesastus:
javascript$(':has(>selektor)');
Näide
Valime ainult need lõigud, mille sees on
b silt ja
lisame nende lõppu teksti '!!!':
html<p>text</p>
<p>text</p>
<p><b>bold</b> text</p>
<p><b>bold</b> text</p>javascript$('p:has(b)').append('!!!');
HTML-kood näeb välja selline:
html<p>text</p>
<p>text</p>
<p><b>bold</b> text!!!</p>
<p><b>bold</b> text!!!</p>