javascript - 使用 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.