javascript – 使用jquery获取元素位置

前端之家收集整理的这篇文章主要介绍了javascript – 使用jquery获取元素位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用 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;
})

而我总是失败

谢谢

解决方法

使用 index()获得该位置.它为您提供从零开始的索引,因此您将获得第一个元素的0.

Live Demo

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

猜你在找的jQuery相关文章