javascript - 如何在 jQuery 单击事件中访问 HTML 元素的属性

Question

我使用 jQuery 生成按钮:

var button_a = $("<button />", {
                        text: 'A',
                        click: do_something,
                        class: "button a"
               });

var button_b = $("<button />", {
                        text: 'B',
                        click: do_something,
                        class: "button B"
               });

function do_something(){
    alert("Button Was pressed");
}

我想让它变成do_something而不是:

function do_something(name){
    alert("Button " + name + " was pressed");
}

如何更改 jQuery 按钮的创建，以便可以将 name 传递给 click: do_something？

这是事先创建闭包的唯一解决方案吗？

Answer 1

您可以在创建按钮时简单地指定 name 或 id 属性并在中访问它

dosomething() 使用 this 关键字，例如

function do_something(){
  alert("Button"+ this.id+ " is pressed")
}

这里，this将引用被单击的按钮..