在完整文档中查找最接近的元素

Question

我已经使用Jquery index我的文档建立了index给定一个特定的索引值，我想使用某些class “定位”“ nearest”元素。 这对我不起作用：

$(variableIndexNumber).closest('.class');

原因是.class有时会更改其位置，这意味着它可以在文档中的任何位置。 有时是兄弟姐妹，有时是父母，有时在文档中或在底部。 所以平时selctors next closest first nextAll等不为我工作（因为文档树）

我怎样才能得到相对于其他元素（由变量给定）最近的.class ？

Answer 1

使用.prevUntil('.class') .nextUntil('.class') .parentsUntil('.class') ，然后比较它们的大小。

就DOM结构而言，尺寸最小的那个最接近元素。

更新 ：在此过程中，您还将需要.andSelf() .filter()以及典型的.next()和.prev()才能真正到达所需的目标。 演示已更新。 您可以看到，现在的代码更加通用。

正如我在下面的概念验证中所做的那样，您可能还需要排序功能。

演示 ： http : //jsfiddle.net/terryyounghk/FzA78/

旁注：没有.childrenUntil() ，因为这是DOM树的外部分支，而不是向文档根的内部分支，以防万一。 但是我的猜测是，您可以先执行$('.me').find('.class') ，然后针对每个选项执行.parentsUntil('.me') ，然后比较大小。 我不确定这是否行得通。