Wie bekomme ich die Distanz zwischen zwei Divs?

Question

Also habe ich ein Div in dem anderen - wie kann ich Abstand zwischen ihnen bekommen?

Ich habe versucht, so etwas wie $('#child').parentsUntil($('#parent')).andSelf() - aber es gibt ein Objekt, keinen Abstand.

P.S. Ich brauche es, um andere Knöpfe zu drücken.

Answer 1

http://api.jquery.com/position/

den linken Abstand bekommen Sie verwenden können:

var distLeft = $('#child').position().left; 

, dass der Abstand in px in Bezug auf den Offset-Mutter

wenn Sie interessiert sind in die zurückkehren Element-Seiten-Offset als:

var offsLeft = $('#child').offset().left; 

http://api.jquery.com/offset/

Answer 2

Haben Sie etwas wie?

$('innerDiv').position().left; 

Answer 3

können Sie offset

var childOffset = $('#child').offset(), parentOffset = $('#child').parentsUntil($('#parent')).offset(); 
    var leftDistance =childOffset.left - parentOffset.left; 
    var topDistance = childOffset.top- parentOffset.top; 

Answer 4

Es gibt verwenden dieses ehrfürchtige getBoundingClientRect Funktion. Alles andere ist nur a-b

https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect