jQuery - 查找事件选项卡

Question

我有一个选项卡列表:

<ul class="tabs">
<li><a data-id="1" href="#">AAA</a></li>
<li><a data-id="2" href="#" class="active">BBB</a></li>
<li><a data-id="3" href="#">CCC</a></li>
</ul>

然后我有一个按钮:

<div id="button">Click Me</div>

当单击按钮时，如何访问具有事件类的元素？我需要能够从事件项目中获取数据 ID。

所以，像这样......(这不起作用!)

$("#button").live("click", function(){

        var ref_this = $("ul.tabs li a").find(".active");
        alert(ref_this.data("id"));

});

Answer 1

您已经选择了a，并且find() 搜索后代。试试这个:

var ref_this = $("ul.tabs li a.active");

旁注:live() 自版本 1.7 起已弃用。 on() 是新热点。