在特定元素之前和之后查找元素

reb*_*ion 38 jquery traversal

我有一个列表,其中包含我使用标签的链接.它看起来像这样:

<ul>
    <li><a href="#">First tab</a></li>
    <li><a href="#">Second tab</a></li>
    <li class="active"><a href="#">Active tab</a></li>
    <li><a href="#">Fourth tab</a></li>
    <li><a href="#">Fifth tab</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

如何在活动选项卡之前和之后找到列表元素?(在这种情况下,第二个和第四个选项卡).

尝试使用查找,没有成功:(

cle*_*tus 86

$("li.active").next();
Run Code Online (Sandbox Code Playgroud)

$("li.active").prev();
Run Code Online (Sandbox Code Playgroud)

  • 此外,如果你想特别找到下一个和前一个li项,你可以给方法一个选择器:$('li.active').next('li'); (7认同)
  • 要获得同一组中的两个元素,您还可以执行类似$("li.active").prev("li").add("li.active + li");. (5认同)
  • 获得同一组中两个元素的另一种方法是$("li.active").prev("li").add($("li.active").next("li")); (2认同)