Jak uzyskać odległość między dwoma divami

Question

Więc mam jednego div wewnątrz drugiego - jak mogę uzyskać odległość między nimi?

Próbowałem coś jak $('#child').parentsUntil($('#parent')).andSelf() - ale zwraca obiekt, a nie odległość.

P.S. Potrzebuję tego, żeby naciskać inne przyciski.

Answer 1

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

dostać lewą odległości można użyć:

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

To powróci dystans w stosunku do px offsetowej rodzica

jeśli jesteś zainteresowany w przesunięcie strony elementu niż:

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

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

Answer 2

Czy próbowałeś czegoś?

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

Answer 3

Można użyć offset

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

Answer 4

Jest to niesamowite getBoundingClientRect funkcja. Wszystko inne jest tylko a-b

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