javascript - 查找位置最接近另一个div的div

Question

嗨，我如何在上图中找到用其他颜色(带问号)突出显示的线长度？矩形只是具有绝对位置的 div。

我的目标是找到最接近绿色的 div，但“最接近”是一个相当抽象的定义，所以我决定“最接近”是上图中突出显示的线最短的那个。也许还有其他更简单的方法来查找“最近”的 div？？

Answer 1

不久前有一个与此相关的问题激励我开始编写一个 jQuery 插件来做到这一点。您在问题中没有提到 jQuery，但它肯定会使这项任务变得更加容易。

这是一个working example (它突出显示了最接近红色的 div)。您可以这样调用插件:

$("#myDiv").physicallyClosest("div").css("background-color", "#00ff00");

这会找到物理上最接近#myDiv的div并更改其背景颜色。

我确信它远非完美，但如果您能够使用 jQuery，它应该足以让您入门。