Skip to main content
2 de 4
se añadieron 610 caracteres en el cuerpo
Baker1562
  • 1.2k
  • 2
  • 17
  • 53

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 dinamicamente 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