javascript - 如何使用调用函数的元素的 "this"引用？

Question

例如，我想要一个被许多元素使用的函数来获取调用元素的属性。

function example(){
    var name = //name of the calling element "$(this).attr('name')"
}
<button name="somename1" onclick="example()">Button1</button>
<button name="somename2" onclick="example()">Button2</button>

因此，如果名为“somename1”的按钮调用该函数，则变量“name”将被分配给“somename1”，因此如果“somename2”调用它，它将被分配给“somename2”

Answer 1

使用这个:

function exampleFunction(exampleElement) {
    var name = exampleElement.name;
}

<button name="somename1" onclick="exampleFunction(this)">Button1</button>
<button name="somename2" onclick="exampleFunction(this)">Button2</button>

但是如果你使用jquery，你可以做到

$('button').click(function() {
  var name = $(this).attr('name');
});

没有 onclick 属性。