如何在.on“click”事件中获取按钮ID

Question

来自jQuery新手的简短问题：

假设我正在接收一个json对象并且我的脚本在现有表中为每个对象生成一个表行（最后一个td包含一个按钮）。索引将是id的id，类是“delete”。

到目前为止这是有效的：

$(document).on('click', ".delete", function(){
    alert('you clicked me!');
});

但我需要该按钮的id发送正确对象的删除请求。我该怎么做？

Answer 1

您可以使用this.id，因为事件处理程序中的this引用了目标dom元素。

$(document).on('click', ".delete", function(){
    alert('you clicked me!' + this.id);
});

Answer 2

event.target

$(document).on('click', ".delete", function(e){
    alert('you clicked me!' + e.target.id);
});

Answer 3

Here is demo

this关键字可以为您提供帮助。

$(document).on('click', ".delete", function(){
    alert('you clicked '+ this.id);
});