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:
$(':has(selector)');
Así seleccionamos elementos, si se necesita un anidamiento directo del selector:
$(':has(>selector)');
Ejemplo
Seleccionemos solo aquellos párrafos que tengan dentro
la etiqueta b y
agreguemos al final el texto '!!!':
<p>texto</p>
<p>texto</p>
<p><b>negrita</b> texto</p>
<p><b>negrita</b> texto</p>
$('p:has(b)').append('!!!');
El código HTML quedará así:
<p>texto</p>
<p>texto</p>
<p><b>negrita</b> texto!!!</p>
<p><b>negrita</b> texto!!!</p>
