¿Cómo obtener un valor de celda de tabla usando jQuery?

Hacemos una revisión exhaustiva cada una de las secciones en nuestra página web con el objetivo de mostrarte en todo momento la información más veraz y actualizada.

Solución:

Si puedes, podría valer la pena usar una clase attribute en el TD que contiene el ID de cliente para que pueda escribir:

$('#mytable tr').each(function() 
    var customerId = $(this).find(".customerIDCell").html();    
 );

Esencialmente, esto es lo mismo que las otras soluciones (posiblemente porque copié y pegué), pero tiene la ventaja de que no necesitará cambiar la estructura de su código si se mueve por las columnas, o incluso poner la identificación del cliente en un siempre que mantengas la clase attribute con eso.

Por cierto, creo que podrías hacerlo en un selector:

$('#mytable .customerIDCell').each(function() 
  alert($(this).html());
);

Si eso facilita las cosas.

$('#mytable tr').each(function() 
    var customerId = $(this).find("td:first").html();    
);

Lo que está haciendo es iterar a través de todos los trs en la tabla, encontrar el primer td en el tr actual en el ciclo y extraer su html interno.

Para seleccionar una celda en particular, puede hacer referencia a ellos con un índice:

$('#mytable tr').each(function() 
    var customerId = $(this).find("td").eq(2).html();    
);

En el código anterior, recuperaré el valor del tercera fila (el índice está basado en cero, por lo que el índice de la primera celda sería 0)

---

Así es como puedes hacerlo sin jQuery:

var table = document.getElementById('mytable'), 
    rows = table.getElementsByTagName('tr'),
    i, j, cells, customerId;

for (i = 0, j = rows.length; i < j; ++i) 
    cells = rows[i].getElementsByTagName('td');
    if (!cells.length) 
        continue;
    
    customerId = cells[0].innerHTML;

​

un enfoque menos jquerish:

$('#mytable tr').each(function() 
    if (!this.rowIndex) return; // skip first row
    var customerId = this.cells[0].innerHTML;
);

obviamente, esto se puede cambiar para que funcione con celdas que no son las primeras.

Comentarios y puntuaciones

Al final de todo puedes encontrar las críticas de otros desarrolladores, tú de igual manera eres capaz insertar el tuyo si te gusta.

---

---

Utiliza Nuestro Buscador