javascript - 确定点击了哪个按钮 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总是指事件处理程序绑定到的元素，即总是指被点击的按钮。你可以用它做任何你想做的事。