jQuery - 获取 ul 中 li 的位置()

Question

我试图弄清楚如何获取 li 相对于其 ul 父标记的左侧位置。有什么想法吗？

Answer 1

您可以通过指定 position:relative 使 ul 标记成为 li 的偏移父级。这将允许您调用 position在 li 上，它会告诉您您想知道的内容。

var pos = $("#target").position();
$("#target").text("This li is positioned " + pos.top
                + "px from the top and " + pos.left
                + "px from the left edge of the ul");

<强> See it in action 。