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

Jie*_*eng 1 jquery

我正在尝试使用插件无限滚动

它需要选择器用于下一页链接.我想如果导航如下,

<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>
Run Code Online (Sandbox Code Playgroud)

我可以"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>
Run Code Online (Sandbox Code Playgroud)

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

Pet*_*hof 5

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

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

但为什么不添加始终存在的上一个/下一个列表项呢?

  • next()方法"获取匹配元素集中每个元素的紧随其后的兄弟,可选择由选择器过滤." 活跃班级没有直接的兄弟姐妹 (4认同)
  • 不过,这是正确的想法.也许像$('.active').parent().next().children().first()(是的,有点长而复杂,但它有效). (4认同)