jquery：如何获取锚标记的id

Question

我有2个锚标记

<li><a id="tab1" href="#tabs-1">Issue</a></li>
<li><a id="tab2" href="#tabs-2">Change Request</a></li>

我有以下jquery：

$('a').click(function(event) {
                                alert($('a').attr("id"));
            });

会发生什么： 我总是在弹出窗口中显示“tab1”

我需要什么： 当用户点击锚标签时，其ID必须显示在弹出窗口

中

Answer 1

您的问题出在警告声明中：使用$('a')，您没有引用警告声明中单击的<a>元素 - 您正在检索第一个<a>元素文档。

相反，要引用点击的元素，请将$('a')替换为$(this)：

$('a').click(function(event) {
    alert($(this).attr("id"));
});

Answer 2

尝试

$('a').click(function(event) {
    var currentElemID = $(this).attr("id") // or you can use this.id
});

Answer 3

您可以使用attr（）获取任何元素属性：

$('a').attr('id');

Answer 4

如果你只需要访问id，那么使用jQuery是一个不必要的开销：

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