Lo pseudo-classe :has in jQuery
Lo pseudo-classe
has
seleziona gli elementi in base al loro contenuto. Consideriamo un esempio.
Supponiamo di avere il seguente codice HTML:
<p>testo con tag <b>b</b></p>
<p>testo con tag <i><b>b</b></i></p>
<p>testo</p>
Ad esempio,
selezioniamo tutti i paragrafi che contengono al loro interno i tag
b:
$('p:has(b)');
Nota che nell'esempio verranno selezionati
sia il primo paragrafo che il secondo, nonostante
nel secondo paragrafo il tag b
non si trovi direttamente dentro p,
ma sia prima dentro i.
Se invece hai bisogno dell'annidamento diretto, allora dovresti fare così:
$('p:has(>b)');
In questo caso verrà selezionato solo il primo paragrafo.
Ottieni e colora di rosso tutti i
h2 che contengono al loro interno il tag i.
Ottieni e colora di rosso tutti i
h2 che contengono direttamente
il tag i.
