jQuery按类查找单击按钮的ID答案

【问题标题】：jQuery find ID of clicked button by classjQuery按类查找单击按钮的ID
【发布时间】：2011-06-23 18:11:15
【问题描述】：

我的页面上有许多具有相同类名的按钮。然而，这些按钮有不同的 ID。我该怎么做：

$(".vote").click(function(){
     var id = $(this).{ID OF CLICKED BUTTON};
});

我怎样才能使这个伪代码工作？

谢谢

【问题讨论】：

【解决方案1】：

$(".vote").click(function(){
     var id = this.id;
});

ID 可以直接从元素中访问。绝对没有必要使用 jQuery 方法。

【讨论】：

【解决方案2】：

使用 jQuery 对象（非必需）

$(".vote").click(function(){
  var id = $(this).attr('id');
});

没有 jQuery 对象（更快）

$(".vote").click(function(){
  var id = this.id;
});

【讨论】：

【解决方案3】：

我认为这也有效

 $("body").on("click",".vote",function(){
    var id = this.id;
 });

【讨论】：

【解决方案4】：

这对我来说效果很好，

$(".vote").click( (clicked) => {
     var id = clicked.target.id;
});

【讨论】：

【解决方案5】：

对于动态添加的按钮，您可以尝试以下方法。只有在加载页面时按钮存在时，上述给定方法才有效

$(document).on('click','.vote',function(){
    var id=$(this).attr('id');
});

【讨论】：

【解决方案6】：

使用这个：

var id = $(this).attr('id');

【讨论】：

【解决方案7】：

使用此代码

$(document).on('click','.vote',(event)=>{
     var id = $(event.target).attr('id');
})

我确信您在任何情况下都不会遇到此解决方案的任何问题。

【讨论】：

【解决方案8】：

你可以使用

var id = $(this).attr('id');

【讨论】：

【解决方案9】：

使用属性：

var id = $(this).attr('id');

.attr 允许您通过名称获取 html 标签属性。

【讨论】：