javascript – 如何使用调用该函数的元素的“this”引用?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用调用该函数的元素的“this”引用?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,我想要一个由许多元素使用的函数获取调用元素的属性.
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”

解决方法

用这个:
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属性.

猜你在找的JavaScript相关文章