javascript找到调用者div。 （或任何其他dom对象）

Question

我有以下html页面：

<div id="a" onclick ="javascript:click();">a</div>
<div id="b" onclick ="javascript:click();">b</div>
<div id="c" onclick ="javascript:click();">c</div>

现在，javascript函数：

function click() {
   // how do I know if it was 'a' , 'b' or 'c' to call me 
}

有人知道如何找到（在每个浏览器中）哪个div是“被叫”点击功能中的调用者？

非常感谢 埃里克

Answer 1

有些事情：

JS：

function click(elem){
     alert(elem.id);
}

HTML：

<div id="a" onclick ="javascript:click(this);">a</div>
<div id="b" onclick ="javascript:click(this);">b</div>
<div id="c" onclick ="javascript:click(this);">c</div>

Answer 2

提示：

<script>
function click(me) {
   alert(me.id);
}
</script>
...
<div id="c" onclick ="click(this);">c</div>

Answer 3

将this作为函数参数传递：

<div id="a" onclick ="javascript:click(this);">a</div>
<div id="b" onclick ="javascript:click(this);">b</div>
<div id="c" onclick ="javascript:click(this);">c</div>

这是功能：

function click(el) {
  alert(el.id);
}

虽然jQuery可能更容易且不引人注目：

$('div').click(function(){
  alert(this.id);
});