Cómo obtener la distancia entre dos divs

Question

Tengo un div dentro del otro, ¿cómo puedo obtener distancia entre ellos?

he intentado algo así como $('#child').parentsUntil($('#parent')).andSelf() - pero devuelve un objeto, no una distancia.

P.S. Lo necesito para presionar otros botones.

Answer 1

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

para obtener la distancia izquierda se puede utilizar:

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

que devolverá la distancia en px en relación con el padre de compensación

si está interesado en el offset de página del elemento que:

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

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

Answer 2

¿Has probado algo como?

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

Answer 3

Puede utilizar offset

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

Answer 4

Hay esta función increíble getBoundingClientRect. Todo lo demás es sólo a-b

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