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

Answer 1

You need .parent() not .prev()

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

DEMO