Sélecteur has
Le sélecteur :has sélectionne les éléments
qui contiennent au moins un élément
correspondant au sélecteur donné, pas nécessairement
un descendant direct.
Étant donné que :has ne fait pas partie des spécifications CSS,
pour de meilleures performances dans les navigateurs
modernes, il est préférable d'utiliser à la place
$("votre sélecteur-css").has(sélecteur/élément DOM).
Syntaxe
Ainsi nous sélectionnons les éléments :
javascript$(':has(sélecteur)');
Ainsi nous sélectionnons les éléments, si une imbrication directe du sélecteur est requise :
javascript$(':has(>sélecteur)');
Exemple
Sélectionnons uniquement les paragraphes qui contiennent à l'intérieur
la balise b et
ajoutons à leur fin le texte '!!!' :
html<p>texte</p>
<p>texte</p>
<p><b>gras</b> texte</p>
<p><b>gras</b> texte</p>javascript$('p:has(b)').append('!!!');
Le code HTML ressemblera alors à ceci :
html<p>texte</p>
<p>texte</p>
<p><b>gras</b> texte!!!</p>
<p><b>gras</b> texte!!!</p>