¿Cómo usar querySelectorAll solo para elementos que tienen un elemento secundario específico?
html
<table>
<tr>
<th>Nombre de columna</th>
<th>Nombre de columna</th>
</tr>
<tr>
<td>Valor de columna</td>
<td>Valor de columna</td>
</tr>
</table>
<table>
<tr>
<th>Nombre de columna</th>
<th>Nombre de columna</th>
</tr>
<tr>
<td>Valor de columna</td>
<td>Valor de columna</td>
</tr>
</table>
Me gustaría procesar todos los tr
que contengan un td
, pero solo puedo encontrar consultas que contengan atributos y contenido; ¿es posible lo último con una sola consulta?
davy.ai
Sí, es posible seleccionar todos los elementos
tr
que contengan un elementotd
con una sola consulta utilizando el selector:has()
en conjunción con el selectortd
.La consulta sería:
Esto seleccionará todos los elementos
tr
que contengan al menos un elementotd
dentro de ellos.