(jQuery/Selectors)选择指定类后面的元素

Question

我正在尝试使用插件infinite scroll

它需要下一页链接的选择器。我想如果导航如下所示，

<ul>
    <li><a href="#" class="active">page 1</a></li>
    <li><a href="#" class="next">page 2</a></li>
    <li><a href="#">page 3</a></li>
    <li><a href="#">page 4</a></li>
    <li><a href="#">page 5</a></li>
</ul>

我可以使用"a.next"作为下一页的选择器。但是，如果我的页面导航标记如下，没有.next类，会发生什么呢？

<ul>
    <li><a href="#" class="active">page 1</a></li>
    <li><a href="#">page 2</a></li>
    <li><a href="#">page 3</a></li>
    <li><a href="#">page 4</a></li>
    <li><a href="#">page 5</a></li>
</ul>

假设.active表示当前页面，我如何选择页面2链接

Answer 1

要选择.active旁边的节点，可以使用next()函数：

$('.active').next();

但是为什么不添加一个总是存在的prev/next列表项呢？

Answer 2

$("li:has(.active) + li a")将会完成这项工作。例如。

alert($("li:has(.active) + li a").text());

Answer 3

试一试

$('.active').parent().next().children().eq(0);