es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿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?

Tags:  ,

Answer

  1. Avatar for davy.ai

    Sí, es posible seleccionar todos los elementos tr que contengan un elemento td con una sola consulta utilizando el selector :has() en conjunción con el selector td.

    La consulta sería:

    document.querySelectorAll('tr:has(td)')
    

    Esto seleccionará todos los elementos tr que contengan al menos un elemento td dentro de ellos.

Comments are closed.