javascript - 如何在 jQuery 中获取相对于父级的 offset()？

Question

这给了我从主窗口左边缘开始的一些元素的位置:

$('#bar').offset().left;

如果该元素位于其他某个元素内，并且我想要#bar 相对于#foo(它的父元素)的位置，我该如何获取？

<style>
#foo { width: 200px; margin: 0 auto; }
#foo #bar { width: 50px; margin: 0 auto; }
</style>

<div id="foo">
   <span id="bar"></span>
</div>

我看到有一个名为 offsetParent() 的函数，但是当控制台记录时，这个函数似乎没有任何名为 left 或 x 的属性。所以不确定是否可以用它来获得我需要的东西。

所以在我上面的示例中，偏移量应该是距父级边缘大约 125 像素，而不是距主窗口边缘数千像素。

Answer 1

使用 position() 方法。

$('#bar').position().left;