Как получить offset () относительно родителя в jQuery?

Это дает мне положение некоторого элемента от левого края главного окна:

$('#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 пикселей от края родительского элемента, а не несколько тысяч пикселей от края основного окна.

Ответы на вопрос(4)

Ваш ответ на вопрос