Esto me da la posición de algún elemento desde el borde izquierdo de la ventana principal:

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

Si ese elemento está situado dentro de otro elemento y quería la posición de #bar en relación con #foo (es padre), ¿cómo puedo obtener eso?

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

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

Vi que hay una función llamadaoffsetParent() pero cuando la consola inicia sesión no parece que esta función tenga propiedades llamadasleft ox. Así que no estoy seguro si eso puede ser usado para obtener lo que necesito.

Entonces, en mi ejemplo de arriba, el desplazamiento debería estar alrededor de 125px desde el borde del padre en lugar de algunos miles de píxeles desde el borde de la ventana principal.