La pseudo-classe :has en jQuery

La pseudo-classe has sélectionne les éléments en fonction de leur contenu. Prenons un exemple. Supposons que nous ayons le code HTML suivant :

html<p>texte avec une balise <b>b</b></p>
<p>texte avec une balise <i><b>b</b></i></p>
<p>texte</p>

Par exemple, sélectionnons tous les paragraphes à l'intérieur desquels se trouvent des balises b :

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

Notez que dans l'exemple, le premier paragraphe sera sélectionné, ainsi que le second, malgré le fait que dans le second paragraphe, la balise b ne se trouve pas directement à l'intérieur de p, mais se trouve d'abord dans i.

Si vous avez besoin d'une imbrication directe, vous devez procéder comme suit :

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

Dans ce cas, seul le premier paragraphe sera sélectionné.

Задание 1

Obtenez et colorez en rouge tous les h2 à l'intérieur desquels se trouve une balise i.

Задание 2

Obtenez et colorez en rouge tous les h2 qui contiennent directement une balise i.