jquery - 如何获得两个元素之间的距离(中点)？

Question

我需要你的帮助!我在它们之间放置了随机数量的 div。

<div id="items">
    <div class="item">Item description</div>
    <div class="item">Item description</div>
    <div class="item">Item description</div>
    <div class="item">Item description</div>
</div>

每个都有不同的高度，我必须计算它们之间的距离。距每个项目的每个中间点的距离非常重要。

提前致谢!

也许我的图像会比我糟糕的英语更好地解释:)

Answer 1

您可以尝试offset方法:

var $items = $('.item');
var fh = $items.eq(0).height();
var sh = $items.eq(1).height();
var first = $items.eq(0).offset().top + fh;
var two = $items.eq(1).offset().top;

var distance  = (two - first) + (fh/2) + (sh/2) ;