tengo este código que al seleccionar unos checkbutton hace una llamada AJAX por post y los datos devuelvos en JSON construye una tabla html, a dicha tabla le añado dinamicamente un boton con el atributo ID, esto es el código actual que funciona al 100%.
$(".form-check-input").click(function(){
$.ajax({
url: editUrl,
method: 'POST'
}).done(function (data) {
$("#alimentsMaster").find("tr:gt(0)").remove();
$.each( data, function( key, value ) {
$('#alimentsMaster').append('<tr id=' + value['id'] +'><td>'+ value['name']+'</td>' +
'<td>' + value['quantity']+ '</td>' +
'<td>' + value['weight']+ '</td>' +
'<td><button class="btnLink" id='+value['id']+'>VER</button></td>' +
'</tr>');
});
});
});
});
El problema lo tengo en el evento de dicho botón que es 1 botón por fila, como capturo el botón y en dicho botón "recojo" los datos del ROW.
Es decir genero una table con estos elementos con el código anterior
TABLA
TR
TD
id : 22 , nombre : azucar
Mi idea es al hacer "click" en dicho botón como tengo el "ID" en el evento click del botón recuperar los atributos mediante este id.
Pensava que así lo podria hacer, pero veo que no.
$(".btnLink").click(function() {
var boton = $(this).val();
console.log(boton);
return false;
});
Gracias,