javascript - 使用 javascript 访问单击元素的数据属性

Question

我有一张包含付款信息的表格，我希望能够通过在每一行上都有一个“修改”按钮来修改行的内容。单击修改，转到一个表单，用户可以在其中提交内容，paymentId 与该行相关联。所以我需要在单击“修改”按钮时传递 paymentId 。

用于此的 html 是：

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

我有时会记录正确的 paymentId，但有时它会返回为null. 这种行为的原因是什么？