Get each <li> index number with jQuery

Question

I'm trying to get the index number of few <li>'s. The li's are 8 and I'm trying to get each li's number.

On each li click I do this function:

var str = $('#amastorage li').index();
alert(str);

Which always give's me 8.

EDIT:

This is how I get it:

$("#amastorage ul").find('a').click(function () {
        var str = $('#amastorage li').index();
        alert(str);
});

I cant change: $("#amastorage ul").find('a').click(function () { because It's from a plugin and it won't work.

Thanks

How can I alert the li number I choosed?

Answer 1

You need to use the this object in the click function.

http://jsfiddle.net/kuJWc/

$("li").click(function(){
    var str = $(this).index();
    alert(str);
});

per your edit:

$("#amastorage ul").find('a').click(function () {
        var str = $(this).parents("li").index();
        alert(str);
});