jQuery事件委派和祖先
我在一个表单元格中有几个jQuery事件委派和祖先,jquery,jquery-selectors,Jquery,Jquery Selectors,我在一个表单元格中有几个元素。对于每个跨度,当用户单击它时,我使用事件委托发出ajax请求。(捕捉事件的函数绑定到表单元格) 问题是ajax调用需要包含一个表行标识符,我不确定该标识符存储在哪里,或者如何引用和使用它 例如,假设表中的每一行代表一个人,那么当用户单击该行中的跨度时,ajax调用需要包含personId personId是否应该是该行的类attibute(例如,…)?或者可能是一个id(例如,…)?我如何在捕捉点击事件的函数中引用和使用它 谢谢 使用 $(.tr父项”)。在('c
元素。对于每个跨度,当用户单击它时,我使用事件委托发出ajax请求。(捕捉事件的函数绑定到表单元格)
问题是ajax调用需要包含一个表行标识符,我不确定该标识符存储在哪里,或者如何引用和使用它
例如,假设表中的每一行代表一个人,那么当用户单击该行中的跨度时,ajax调用需要包含personId
personId是否应该是该行的类attibute(例如,…
)?或者可能是一个id(例如,…
)?我如何在捕捉点击事件的函数中引用和使用它
谢谢 使用
$(.tr父项”)。在('click','tr',函数(){
//$(此).data('person-id')也有效
ajaxRequest(this.dataset.personId);
});
为此,您可以使用ID,对任何内容进行分类,因为我们可以从jquery中获得值。但如果使用数据属性,效果会更好
现在来看看你的跨度
<span data-person-key="47" class="spanclass">
</span>
<span data-person-key="47" class="spanclass">
</span>
$(document).on("click",".spanclass",function(){
var personKey = $(this).data("person-key");
$.ajax({
url: "whatever you url is. if its asp.net then method of controller will be here.or may be php page",
type: "POST",
data: {Personid : personKey },
success://whatever you want to code in success,
error://whatever you want to code in error
});
});