javascript - 无法从 JQuery 生成的 HTML 中检索数据属性

Question

我正在尝试检索从 JQuery 加载的 HTML 按钮上的数据属性，我知道这会导致问题。

我可以单击按钮进行注册，但无法访问任何属性。

$(document).on("click", ".reportRequest", function(e){
    console.log($(e.relatedTarget).data("ip"));
});

这是 javascript，即使我可以在检查元素中看到按钮已分配值，它也会返回未定义

按钮的 HTML 为:

<button title="Report Request" class="btn btn-info pull-right reportRequest" data-toggle="modal" data-target="#shoutoutReportModal" data-ip="127.0.0.1" data-id="52"><i class="fa fa-flag" aria-hidden="true"></i></button>

我认为问题是因为 HTML 是在页面加载时通过 AJAX 请求生成的。

任何帮助将不胜感激

Answer 1

尝试使用$(this)

$(document).on("click", ".reportRequest", function(e){
    console.log($(this).data("ip"));
});