确定点击了哪个按钮javascript / jquery

Question

我的页面上有10个完全相同的按钮，我的意思是一切都是一样的 - 标题，价值等。

如何确定点击了哪个按钮？

Answer 1

按钮必须具有不同的ID，因此您可以确定单击了哪些。

$('button').click(function(e){
    alert(e.target.id);
});

Answer 2

您可以使用event.target属性将这些按钮与唯一ID相关联，以确定单击哪个按钮。

Answer 3

无论元素属性如何，DOM元素仍将被归类为唯一元素。

$('button').click(function() {
    $(this).css('border','1px solid red');
});

应突出显示单击的按钮。

Answer 4

显然你想以某种方式枚举按钮。您可以使用.index ^[docs]获取所选按钮中所单击按钮的索引：

var $buttons = $('.theButtons');

$buttons.click(function() {
    var index = $buttons.index(this);
});

this总是引用事件处理程序绑定的元素，即始终指向被单击的按钮。你可以用它做任何你想做的事。