jquery - 自定义选择器，用于根据渲染位置和大小使用 jQuery 在特定方向上元素的视觉接近度

Question

我需要能够为视觉接近度查询检索正确结果的选择器，如下所示:

• $("h2:closestTo('div#example')");
• $("input:below('label:contains(\"用户名\")')");

接近度和距离应取决于 Web 浏览器中呈现的元素的视觉位置(并且因窗口大小不同而不同)。

有什么方法可以用 jQuery 做到这一点吗？我认为这会涉及.offset()的使用

Answer 1

您可以创建自己的自定义选择器来执行此操作 ( read here )。

offset 确实是做到这一点的方法。它应该是一个非常有趣(尽管可能效率低下)的选择器。