jQuery 事件委托(delegate)和祖先

Question

我有几个<span>表格单元格中的元素。对于每个跨度，当用户单击它时，我使用事件委托(delegate)来触发 ajax 请求。 (捕获事件的函数绑定(bind)到表格单元格)。

问题是ajax调用需要包含表行标识符，但我不确定在哪里存储这个标识符，或者如何引用和使用它。

例如，假设表中的每一行代表一个 Person，那么当用户单击该行中的某个范围时，ajax 调用需要包含 personId。

personId 应该是行的类属性(例如 <tr class='person-id-123'>... )吗？或者也许是一个 ID(例如 <tr id='person-id-123'>... )？如何在捕获点击事件的函数中引用和使用它？

谢谢!

Answer 1

使用HTML5 dataset attributes

<tr data-person-id=123>

$(".tr-parent").on('click', 'tr', function () {
    //$(this).data('person-id') is also valid
    ajaxRequest(this.dataset.personId);
});