从LI获取索引号

时间:2012-11-30 15:41:39

标签: javascript jquery

  

可能重复:
  Get parent index with 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));
});

2 个答案:

答案 0 :(得分:4)

您需要.parent()而不是.prev()

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

DEMO

答案 1 :(得分:0)

这个对我有用; 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());
});