如何获得两个div之间的距离

Question

所以我在另一个内部有一个div - 我怎么能在它们之间找到距离？

我试过类似$('#child').parentsUntil($('#parent')).andSelf()的东西 - 但是它返回一个对象，而不是距离。

P.S。我需要它来推动其他按钮。

Answer 1

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

获取您可以使用的左侧距离：

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

这将返回px相对于偏移父级的距离

如果您对元素的页面偏移感兴趣而不是：

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

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

Answer 2

您可以使用offset

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

Answer 3

这是一个很棒的getBoundingClientRect功能。其他任何事情只是a-b

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

Answer 4

你尝试过类似的东西吗？

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