javascript - 获取触发事件的元素的 ID

Question

有什么方法可以获取触发事件的元素的 ID？

我在想这样的事情:

$(document).ready(function() {
  $("a").click(function() {
    var test = caller.id;
    alert(test.val());
  });
});

<script type="text/javascript" src="starterkit/jquery.js"></script>

<form class="item" id="aaa">
  <input class="title"></input>
</form>
<form class="item" id="bbb">
  <input class="title"></input>
</form>

除了 var test 应该包含 id "aaa"，如果事件是从第一个表单触发的，并且 "bbb"，如果事件是从第二种形式触发的。

Answer 1

在 jQuery 中，event.target 总是指触发事件的元素，其中 event 是传递给函数的参数。 http://api.jquery.com/category/events/event-object/

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

还要注意 this 也可以，但它不是一个 jQuery 对象，所以如果你想在它上面使用一个 jQuery 函数，那么你必须将它称为 $( this)，例如:

$(document).ready(function() {
    $("a").click(function(event) {
        // this.append wouldn't work
        $(this).append(" Clicked");
    });
});