A has szelektor
A :has szelektor olyan elemeket választ ki,
amelyek legalább egy, a megadott szelektornak megfelelő elemet tartalmaznak,
nem feltétlenül közvetlen leszármazottat.
Mivel a :has nem része a CSS specifikációnak,
a jobb teljesítmény érdekében modern böngészőkben
érdemes helyette a
$("az Ön css-szelektora").has(szelektor/DOM elem) használni.
Szintaxis
Így választjuk ki az elemeket:
javascript$(':has(szelektor)');
Így választjuk ki az elemeket, ha a szelektor közvetlen beágyazottsága szükséges:
javascript$(':has(>szelektor)');
Példa
Válasszuk ki csak azokat a bekezdéseket, amelyekben van
b tag, és
illesszünk a végükre '!!!' szöveget:
html<p>szöveg</p>
<p>szöveg</p>
<p><b>félkövér</b> szöveg</p>
<p><b>félkövér</b> szöveg</p>javascript$('p:has(b)').append('!!!');
Az HTML kód így fog kinézni:
html<p>szöveg</p>
<p>szöveg</p>
<p><b>félkövér</b> szöveg!!!</p>
<p><b>félkövér</b> szöveg!!!</p>