2

Tengo la siguiente tabla guardada en una variable

var table = '<table>
   <tr><td>Test1</td><td>Test2</td></tr>
   <tr><td>Test3</td><td>Test4</td></tr>
</table>';

¿hay posibilidad de hacer una iteracción por cada tr e ir guardando los td con JS?

1
  • Nos mostrarías por favor lo que has intentado?
    – BetaM
    el 25 jun. 2020 a las 13:22

2 respuestas 2

1

Podrías conseguirlo así:

  • Crear un elemento jQuery con el html de la variable (eg: $(table)).
  • Luego sobre dicho elemento utilizar .find('td') para obtener todos los td.
  • Luego la función .map(fn) para obtener de cada td, por ejemplo, el texto.
  • Finalmente .get() para obtener un arreglo con el resultado.

var table = `<table>
   <tr><td>Test1</td><td>Test2</td></tr>
   <tr><td>Test3</td><td>Test4</td></tr>
</table>`;

let arr = $(table).find('td').map((i, e) => e.innerText).get();
console.log(arr)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

0
$("tr").each(function(index, element){ 
     console.log(index); 
     console.log(element)
})

De esta manera recorres los tr

puedes guardarlo en JS como mejor te convenga.


Si lo que necesitas es un simple array con los td:

var temp = [];

$("tr td").each(function(index, element){ 
     temp.push($(this).html());
})

Esto te almacena el contenido del cada td en el array temp.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.