javascript - 2 つの div 間の距離を取得する方法

Question

だから私は他の中に1つのdivを持っています - どうすればそれらの間の距離を得ることができますか?

私は何かを試しまし$('#child').parentsUntil($('#parent')).andSelf()たが、距離ではなくオブジェクトを返します。

PS他のボタンを押すのに必要です。

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

オフセットを使用できます

  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;