javascript - 使用 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()得到的位置。它为您提供从零开始的索引，因此您将获得第一个元素的0。

Live Demo

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