Selector has
El selector :has selecciona elementos
que contienen al menos un elemento
según el selector dado, no necesariamente
un descendiente directo.
Como :has no pertenece a la especificación CSS,
para mejorar el rendimiento en navegadores
modernos es mejor usar en su lugar
$("su selector css").has(selector/elemento DOM).
Sintaxis
Así seleccionamos elementos:
javascript$(':has(selector)');
Así seleccionamos elementos, si se necesita un anidamiento directo del selector:
javascript$(':has(>selector)');
Ejemplo
Seleccionemos solo aquellos párrafos que tengan dentro
la etiqueta b y
agreguemos al final el texto '!!!':
html<p>texto</p>
<p>texto</p>
<p><b>negrita</b> texto</p>
<p><b>negrita</b> texto</p>javascript$('p:has(b)').append('!!!');
El código HTML quedará así:
html<p>texto</p>
<p>texto</p>
<p><b>negrita</b> texto!!!</p>
<p><b>negrita</b> texto!!!</p>