Get a index number from LI

Question

Possible Duplicate:
Get parent index with jQuery

If I click on li a - I want to get a index number of li

For example:

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

I have tried the jQuery code, it dont seem to work?

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

This isn't the problem, but you don't need to wrap jQuery objects with `$()`. Eg: `$(li).index(this)` could be `li.index(this)`. — Christian, Nov 30 '12 at 15:45

score 4 · Accepted Answer · answered Nov 30 '12 at 15:44

4

You need .parent() not .prev()

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

answered Nov 30 '12 at 15:44

Zoltan Toth

I tried that, I am getting -1 when I click on href Three.. it should be 2. – I'll-Be-Back Nov 30 '12 at 15:46
I've added a working fiddle – Zoltan Toth Nov 30 '12 at 15:46
1

`li` is already a jQuery object, you don't need to wrap it in `$()`. – Christian Nov 30 '12 at 15:47
@ChristianVarga you're right - just copypasted the OP's code, but fixed now – Zoltan Toth Nov 30 '12 at 15:48

score 0 · Answer 2 · answered Nov 30 '12 at 15:50

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());
});

2 Answers2