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"从第二种形式触发事件，则var 应该包含id 。

Answer 1

在jQuery中，event.target始终指触发事件的元素，其中event传递给函数的参数在哪里。

$(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");
    });
});