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.