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>

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

Answer 1

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

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

但为什么不添加一直存在的上一个/下一个列表项呢？

Answer 2

$("li:has(.active) + li a")将完成这项工作。 E.g。

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

Answer 3

尝试

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

Answer 4

我认为您必须在id代码中添加唯一的<a>才能使用该插件。

干杯，

（jQuery / Selectors）在指定的类之后选择元素

4 个答案: