Skip to main content
3 de 4
Arreglo de código mal puesto
masterguru
  • 16k
  • 5
  • 15
  • 28

Obtener valor de columna en fila actual-tabla jQuery

Tengo una DataTable con datos. En la misma estoy tratando de hacer click en una celda de X fila la cual me va a permitir cambiar ese dato. Una vez que le de ENTER quiero capturar el ID (que viene siendo la primera columna de esa fila):

introducir la descripción de la imagen aquí

  • En rojo es lo que que cambio
  • En azul es el valor que quiero obtener despues de cambiar el 50

El input donde edito se genera dinámicamente al darle click a las celdas de la penultima columna:

$('#tablaStandard tbody').on('click', '.cantidadX', async function() {
  if (!$('#tablaStandard').hasClass("editing")) {
    $('#tablaStandard').addClass("editing");
    var thisCell = table.cell(this);
    console.log(thisCell);
    thisCell.data($('<input class="form-control cantidadEditOrden" type="number" value="' + thisCell.data() + '" name="number">').prop("outerHTML"));
  }
});

Estoy tratando de hacer lo siguiente:

$('#tablaStandard tbody').on("keypress", ".cantidadEditOrden", (e) => {

  if (e.which == 13) {

    console.log($('#tablaStandard tr').closest("tr").find("td:first-child").html());
    console.log($('#tablaStandard tr').closest("tr").find("td:nth-child(0)").html());
    console.log($('#tablaStandard tr').find("td:eq(0)").html());
    var first_td = $('#tableID tbody tr').closest("tr") // Finds the closest <tr> 
      .find("td:first") // Finds the first <td>
      .text(); // Gets its text. 
    console.log(first_td);
    console.log($('#tableID tbody').closest("tr").find("td:first"));
    console.log($('#tableID tbody tr').closest("tr").find("td").text());
    console.log($(this).closest('tr').children('td:first').children());
    table.cell($(".cantidadEditOrden").parents('td')).data($(".cantidadEditOrden").val());
    $('#tablaStandard').removeClass("editing");

  }

});

Pero no me devuelve lo que requiero, solo esta linea:

console.log($('#tablaStandard tr').closest("tr").find("td:first-child").html());

Me esta devolviendo valor, pero me devuelve la primera coincidencia de la tabla, lo cual esta mal ya que necesito la de la fila actual:

introducir la descripción de la imagen aquí

¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

Baker1562
  • 1.2k
  • 2
  • 17
  • 53