如何在嵌套<ul> </ul> </li>中获得<li>的偏移量

Question

我有以下HTML

<ul>
<li>List item one</li>
<li>List item two with subitems:
    <ul>
        <li>Subitem 1</li>
        <li>Subitem 2</li>
    </ul>
</li>
<li>Final list item</li>

我试图找到所有'li'的offset（），包括子列表'li'。但它总是为所有'li'返回相同的值

脚本

$('li').offset().left;

这是对的吗？如何获得所有'li'的偏移？

Answer 1

你需要像each一样循环

$('li').each(function(){
     alert($(this).offset().left);
});  

Answer 2

使用each()循环浏览所有li并获取相应的offset()

 $('li').each(function(){
    console.log($(this).offset().left); 
 });

fiddle