Question

HTML part:

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

JS part:

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

in the JS part can i somehow get the a-tag that this function was called from?

i know i could just pass it as a parameter, but this function is used many many times on a page and i want to avoid putting the parameter everywhere.

thanks!

Answer 1

Since you are using an onclick attribute (BAD!) you have to pass that into the function.

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

and the js:

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

Another option is to set the context of the function using .call().

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

and the js

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