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>

单击按钮时,如何访问具有该类活动的元素？我需要能够从活动项中获取data-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()是新的热点.