Este seria mi código html
<div class="modal fade" id="mi-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="tituloVentanaModal"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="mensajeVentanaModal" class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="btn-si">Si</button>
<button type="button" class="btn btn-primary" id="btn-no">No</button>
</div>
</div>
</div>
</div>
Este el código javascript
window.operateEvents = {
'click .remove': function (e, value, row, index) {
$("#tituloVentanaModal").html('¿Desea eliminar el registro?');
$("#mensajeVentanaModal").html(row.id + ' ' + row.Nombre);
$("#mi-modal").modal('show');
$("#btn-si").on("click", function () {
alert(row.id);
$("#mi-modal").modal('hide');
});
$("#btn-no").on("click", function () {
$("#mi-modal").modal('hide');
});
}
}
El código es muy sencillo, cuando se hace clic en el botón remove se ejecuta dicha función, muestra la ventana modal y el alert muestra el id (aquí iría mi función eliminar). El tema esta en que tengo una tabla con X registros y cada uno de ellos tiene un botón remove. Cuando pulso por primera vez uno de ellos se abre el modal, se muestra el id y el nombre correctamente, y el alert muestra el id correcto. Después de esto, si pulso otro botón remove, todo funciona bien, pero el alert muestra el id del registro pulsado antes y después muestra el de la linea correspondiente.
Me gustaría saber como hacer para que no recuerde todos los pulsados con anterioridad y el alert solo muestre el id del botón pulsado en ultima instancia.