Como manejar en una tabla un evento de selección de una filas cargadas con datos mapeados de un arreglo?

publicado por: Anonymous

Tengo una tabla que es cargada con datos de un API
He cargado en el los datos exitosamente pero ahora deseo manejar una selección de la fila que desee elegir el usuario.

Cómo puedo solucionar esto?

solución

puedes usar un evento click en jquery y obtener el valor del tr y hacerle un each a los td para obtener su valor seria algo asi

$("#table").on("click","tr",function(){
  var valores = []
  $(this).find("td").each(function(){
    valores.push(this.html())
  })
})

sin jquery

obtenemos el event y el tr al que le hicieron click despues sus hijos y a cada hijo lo iteramos con el for haciendo push a un nuevo arreglo de solo los valores del tr seleccionado

var table = document.getElementById("table1")

table.addEventListener("click", getData);

function getData(){
var tds = event.path[1].children
 var datos = []
 for (var i = 0; i < tds.length; i++) {
  datos.push(tds[i].innerText)
 }
 console.log(datos);
}
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *