Tengo una tabla con información de pago y quiero poder modificar el contenido de las filas al tener un botón "modificar" en cada fila. Al hacer clic en modificar, se accede a un formulario, donde el usuario puede enviar contenido, con un Id. de pago asociado a esa fila. Por lo tanto, necesito que se pase el ID de pago cuando se hace clic en el botón "modificar".

el html para esto es:

 //payment.entry_id is passed to the ejs template from the node server. $('.modifyButton').on('click', e => { console.log("data attribute passed: ", e.target.getAttribute('data-paymentId')); });

 <button class="btn btn-warning modifyButton" data-paymentId=< %=payment.entry_id%> type="button"> <i class="fas fa-edit"></i> </button>

A veces registro el Id. de pago correcto, pero a veces regresa como null . ¿Cuál es la razón de este comportamiento?