使用jquery获取<a>选择器的ID

Question

<div>
    <ul>
        <li><a id="Tab1" href="">Tab1</a></li>
        <li><a id="Tab2" href="">Tab2</a></li>
        <li><a id="Tab3" href="">Tab3</a></li>
        <li><a id="Tab4" href="">Tab4</a></li>
    </ul>
</div>
<script>
$(document).ready(function() {
    $("a").click(function() {
        var IdName = $("a").attr('id');
        alert(IdName);
    });
});
</script>

单击超链接时,它始终显示第一个超链接的ID.为什么？我该如何解决？

Answer 1

在事件处理程序中,this是您想要的元素.

更改

var IdName = $("a").attr('id');

至

var IdName = this.id;

注意:使用没有任何意义$(this).attr('id'),这是无用的慢速和冗长,总是使用直接this.id.