使用jquery获取元素位置

Question

我想使用JQuery找到一个元素位置.使用.position不是X和Y位置.

举个例子

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

和js

//return the li pos
$('li').click(function(){...})

例如,如果我点击第三个li函数返回li pos女巫是2

我尝试了一些东西,但它不起作用

$('li').click(function(){
    for(var i = 0; i < $('li').length; i++){
        if($('li:eq('+i+')') == $(this)){
            alert(i);
            return true;
        }
    }
    alert('fail');
    return false;
})

而我总是失败

谢谢

Answer 1

使用index()获取位置.它给你zero-based index,所以你会得到0的第一个元素.

现场演示

$('li').click(function(){    
    alert($(this).index())
});