javascript - 将函数绑定(bind)到按钮数组元素的事件 "onclick"

Question

序言:我是意大利人，抱歉我的英语不好。

这是我的问题:

我想为一组按钮分配一个功能。

我需要向函数发送一个参数。

这是我试过的代码:

function test(atxt) {
    var buttons = $('.tblButton');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].onClick(sayHello(atxt));
    }
}

function sayHello(txt){alert('hello' + txt)};

...出现以下错误:

Uncaught TypeError: Object #<HTMLButtonElement> has no method 'onClick'

你能告诉我哪里出了问题吗？我该如何解决？

编辑:我需要迭代，因为我需要按钮的“id”作为函数的参数，所以我需要执行 buttons[i].onClick(sayHello(buttons[i].id))

Answer 1

buttons[i].onClick(sayHello(atxt));

应该是

$(buttons[i]).on('click', function() { sayHello(atxt) });

如果您想获取当前按钮 ID 那么我想您正在寻找这个..

for (var i = 0; i < buttons.length; i++) {
     $(buttons[i]).on('click', function() { sayHello(this.id) });
}