Javascript获取调用函数的dom元素

Question

HTML部分:

<a href="#" onclick="callme();return false;">foo</a>

JS部分:

function callme() {
  var me = ?; //someway to get the dom element of the a-tag
  $(me).toggle();
}

在JS部分我可以以某种方式获得调用此函数的a-tag？

我知道我可以将它作为参数传递,但是这个函数在页面上使用了很多次,我想避免将参数放在任何地方.

谢谢!

Answer 1

由于您使用的是onclick属性(BAD!),您必须将其传递给函数.

onclick="callme(this); return false;"

和js:

function callme(el) {
  var $me = $(el);
  $me.doSomething();
}

另一种选择是使用.call()设置函数的上下文.

onclick="callme.call(this,event)"

和js

function callme(event) {
    event.preventDefault();
    $(this).doSomething();
}