Selettore has
Il selettore :has seleziona gli elementi
che contengono almeno un elemento
in base al selettore specificato, non necessariamente
un discendente diretto.
Poiché :has non fa parte delle specifiche CSS,
per migliorare le prestazioni nei browser moderni
è meglio utilizzare invece
$("il tuo selettore css").has(selettore/elemento DOM).
Sintassi
In questo modo selezioniamo gli elementi:
javascript$(':has(selettore)');
In questo modo selezioniamo gli elementi, se è richiesta un'annidamento diretto del selettore:
javascript$(':has(>selettore)');
Esempio
Selezioniamo solo i paragrafi che all'interno contengono
il tag b e
aggiungiamo alla fine il testo '!!!':
html<p>testo</p>
<p>testo</p>
<p><b>grassetto</b> testo</p>
<p><b>grassetto</b> testo</p>javascript$('p:has(b)').append('!!!');
Il codice HTML risulterà così:
html<p>testo</p>
<p>testo</p>
<p><b>grassetto</b> testo!!!</p>
<p><b>grassetto</b> testo!!!</p>