jQuery:获取当前元素之后紧邻的下一个元素

Question

我需要将焦点设置到当前元素的下一个元素(在其他情况下是上一个元素)。

例如:

<li>item1</li> <- prev element (get this element)
<li>item1</li><- current element
<li>item1</li> <- next element (get this element)
<li>item1</li>

这是我用过的

var curr = (event.target).next();
$(curr).trigger('focus');

当我在 firebug 中检查 curr 的值时，由于某种原因它显示未定义。

Answer 1

使用

$(event.target).next() 

获取下一个兄弟。您还可以将表达式传递给 next 函数。这将选择下一个与您匹配的同级选择器:

$(event.target).next("p")

您还可以使用 nextAll，其工作方式相同，但返回以下所有子类。 See more here 。还有 prev 和 prevAll，它们是获取前一个元素的类似方法。

基本上，您已经非常接近了，您只需将 event.target 包装在 jQuery 对象中，因为 event.target 返回实际元素。