Tengo un datatable donde genero un formatter que genera varios botones por cada ROW de esta celda, la idea es capturar el evento CLICK en cada botón marcando-lo como si fueran de la clase btn-change-status
<td style="">
<a href="#" class="btn-change-status" data-id="1" data-status="1" style="color:black">
<span style="font-size: 1em; color: lawngreen;">
<i class="btn-change-status fas fa-check-square fa-2x" title="Cambiar estado a aceptado">
</i>
</span>
</a>
</td>
El problema lo tengo en capturar el evento de dicho botón, he probado de esta manera
<script>
$(".btn-change-status").on("click", function() {
event.preventDefault();
alert('test1');
});
$(".btn-change-status").click( function(event) {
event.preventDefault();
alert('test2');
});
</script>
<td>
que nos muestras entiendo que lo generas dinamicamente y que no se encuentra creado de inicio en el DOM. ¿Correcto?