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:

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:

javascript$('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ì:

javascript$('p:has(>b)');

In questo caso verrà selezionato solo il primo paragrafo.

Задание 1

Ottieni e colora di rosso tutti i h2 che contengono al loro interno il tag i.

Задание 2

Ottieni e colora di rosso tutti i h2 che contengono direttamente il tag i.