Jak uzyskać offset () względem rodzica w jQuery?

Daje mi to pozycję jakiegoś elementu od lewej krawędzi głównego okna:

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

Jeśli ten element znajduje się wewnątrz jakiegoś innego elementu i chciałem pozycji #bar względem #foo (jest to rodzic), jak mogę to uzyskać?

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

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

Widziałem, że istnieje funkcja zwanaoffsetParent() ale gdy zalogowana konsola nie wydaje się, że ta funkcja ma jakiekolwiek właściwości zwaneleft lubx. Więc nie jestem pewien, czy można tego użyć, aby uzyskać to, czego potrzebuję.

Tak więc w moim przykładzie powyżej offset powinien wynosić około 125px od krawędzi rodzica, a nie kilka tysięcy pikseli od krawędzi głównego okna.

questionAnswers(4)

yourAnswerToTheQuestion