在元素列表中查找元素的兄弟

Question

好的，这就是我得到的：

我有一个缓存在变量中的元素列表：

elementList = $(".list-of-elements-with-this-class");

我还有一个从该列表中动态生成的元素缓存在另一个变量中：

elementList.click(
    function()
    {
        cachedItem = $(this);
    }
);

我要做的是在 elementList 中找到 cachedItem，然后在列表中选择 cachedItem 的上一个或下一个兄弟。

所以伪代码应该是这样的：

nextCachedItem = elementList.find(cachedItem).next();

或

prevCachedItem = elementList.find(cachedItem).prev();

显然，上述方法行不通。 :-)

提前感谢您的帮助！

-蒂姆。

Answer 1

我相信 next() 和 prev() 处理 DOM 元素，而不是查询返回的 jQuery 节点列表。因此，您必须手动处理 jQuery 对象中节点列表的索引。

试试：

// RAW DOM Nodes
elementList.get(elementList.index(cachedItem) - 1); // previous
elementList.get(elementList.index(cachedItem) + 1); // next

或者：

// jQuery Objects/Node list
elementList.eq(elementList.index(cachedItem) - 1); // previous
elementList.eq(elementList.index(cachedItem) + 1); // next