Pseudoclase :has en jQuery
La pseudoclase
has
selecciona elementos por su contenido. Consideremos un ejemplo.
Supongamos que tenemos el siguiente código HTML:
<p>texto con etiqueta <b>b</b></p>
<p>texto con etiqueta <i><b>b</b></i></p>
<p>texto</p>
Por ejemplo,
seleccionemos todos los párrafos dentro de los cuales hay etiquetas
b:
$('p:has(b)');
Tenga en cuenta que en el ejemplo se seleccionará
tanto el primer párrafo como el segundo, a pesar
de que en el segundo párrafo la etiqueta b
no está directamente dentro de p,
sino que primero está dentro de i.
Si necesita anidamiento directo, entonces debe hacerlo así:
$('p:has(>b)');
En este caso, solo se seleccionará el primer párrafo.
Obtenga y coloree en rojo todos los
h2, dentro de los cuales hay una etiqueta i.
Obtenga y coloree en rojo todos los
h2, que contienen directamente
la etiqueta i.
