Wie bekomme ich offset () relativ zum übergeordneten Element in jQuery?

Dies gibt mir die Position eines Elements vom linken Rand des Hauptfensters:

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

Wenn sich dieses Element in einem anderen Element befindet und ich die Position von #bar relativ zu #foo (dem übergeordneten Element) haben möchte, wie kann ich das ermitteln?

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

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

Ich habe gesehen, dass es eine Funktion namens gibtoffsetParent() Wenn die Konsole angemeldet ist, hat diese Funktion anscheinend keine aufgerufenen Eigenschaftenleft oderx. Also nicht sicher, ob das verwendet werden kann, um das zu bekommen, was ich brauche.

In meinem obigen Beispiel sollte der Versatz also etwa 125 Pixel vom Rand des übergeordneten Fensters entfernt sein und nicht einige Tausend Pixel vom Rand des Hauptfensters.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage