javascript - .position() 不指向容器

Question

我有这样的代码:

<div id="item-menu">
  <ul style="padding-top: 10px; padding-left: 20px;">
    <li id="item-1">1</li>
    <li id="item-2">2</li>
    <li id="item-3">3</li>
  </ul>
</div>

我想获取每个元素相对于容器的位置。在这个例子中，我将得到每个 <li>相对于 <ul> 的位置，对吧？

我应该怎么做才能获得 item-1 的位置 --> top: 10, left: 20？

Answer 1

再简单不过了。只需调用 position() li 上的方法:

var position = $("#item-?").position();

返回具有属性 top 和 left 的对象。您还需要在 CSS 中将 ul 设置为 position: relative。

#item-menu { position: relative; }

fiddle :http://jsfiddle.net/ByZRV/2/