Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

247
Visualizações
Crear matriz de filas td no ocultas

Así que tengo una tabla donde los usuarios pueden filtrar filas específicas, marcando una casilla de verificación. Si se selecciona una casilla de verificación, algunas filas obtendrán el estado hidden .

ingrese la descripción de la imagen aquí

Quiero crear una matriz con todas las filas que no estén ocultas, pero parece que no puedo obtener el estado de <td> .

La identificación de las tablas es ftp_table y las filas de las que necesito los datos tienen la download del nombre de la clase. Traté de hacer algo como esto, para obtener el valor de visibility , pero sin suerte. La función se activa después de que se haya ejecutado una función de hide row .

 function download_log() { var rows = document.getElementsByClassName("download"); var log = []; for (var i = 0; i < rows.length; i++) { // Check if item is hidden or not (create a if and push into array) console.log(getComputedStyle(rows[i]).visibility); // append new value to the array IF NOT HIDDEN log.push(rows.item(i).innerHTML); } }

¿El resultado que obtengo cuando escondo algo es que todo está visible?:

ingrese la descripción de la imagen aquí

Aquí hay un ejemplo de la tabla, donde se han ocultado todas las filas de info :

 <table class="ftp_table" id="ftp_table"> <tbody> <tr class="grey"> <th>Log</th> </tr> <tr class="info" hidden> <td class="download">2021-10-06 12:38:15.946 INFO [conftest:101] -------------- Global Fixture Setup Started --------------</td> </tr> <tr class="debug"> <td class="download">2021-10-06 12:38:16.009 DEBUG [Geni:37] Initializing</td> </tr> <tr class="info" hidden> <td class="download">2021-10-06 12:38:16.059 INFO [Wrapper:21] Downloading</td> </tr> <tr class="info grey" hidden> <td class="download">2021-10-06 12:38:16.061 INFO [Handler:55] AV+</td> </tr> <tr class="debug grey"> <td class="download">2021-10-06 12:38:16.063 DEBUG [Session:84] GET'</td> </tr> </tbody> </table>

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

Podrías usar el siguiente selector:

 document.querySelectorAll("#ftp_table tr:not([hidden]) td.download");

Seleccionará los elementos td.download en tr que no están hidden en su table .

 var visibleTds = document.querySelectorAll("#ftp_table tr:not([hidden]) td.download"); var arr = []; for(let i = 0; i < visibleTds.length; i++){ arr.push(visibleTds[i].innerText); } console.log(arr);
 <table class="ftp_table" id="ftp_table"> <tbody> <tr class="grey"> <th>Log</th> </tr> <tr class="info" hidden> <td class="download">2021-10-06 12:38:15.946 INFO [conftest:101] -------------- Global Fixture Setup Started --------------</td> </tr> <tr class="debug"> <td class="download">2021-10-06 12:38:16.009 DEBUG [Geni:37] Initializing</td> </tr> <tr class="info" hidden> <td class="download">2021-10-06 12:38:16.059 INFO [Wrapper:21] Downloading</td> </tr> <tr class="info grey" hidden> <td class="download">2021-10-06 12:38:16.061 INFO [Handler:55] AV+</td> </tr> <tr class="debug grey"> <td class="download">2021-10-06 12:38:16.063 DEBUG [Session:84] GET'</td> </tr> </tbody> </table>

about 4 years ago · Juan Pablo Isaza Relatório

0

¿Por qué no usa classList en lugar de accesorios de estilo?

Me gusta :

 rows[i].classList.contains("hidden")
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda