javascript - 从 LI 获取索引号

Question

可能重复：
使用 jQuery 获取父索引

如果我点击li a- 我想获得一个索引号li

例如：

<ul class="tabs">
    <li><a class="active" href='#'>One</a></li>
    <li><a href='#'>Two</a></li>
    <li><a href='#'>Three</a></li>
</ul>

我已经尝试过 jQuery 代码，它似乎不起作用？

$("ul.tabs li a").on("click",function() {
        var li = $(this).prev();
        alert($(li).index(this));
});

Answer 1

你.parent()不需要.prev()

var li = $(this).parent();
alert( li.index() );

演示

Answer 2

这个对我有用；http://jsfiddle.net/mqdAe/

HTML

<ul class="tabs">
    <li><a class="active" href='#'>One</a></li>
    <li><a href='#'>Two</a></li>
    <li><a href='#'>Three</a></li>
</ul>

JS

$("ul.tabs li a").on("click",function() {
        var li = $(this).parent();
        alert(li.index());
});