Question

有没有办法让jQuery函数“跳过”li？例如有3个列表项，你点击第一个，它调用next（）函数，并跳过第二个li并转到第三个。

目前的代码在这里：

$（'ul.gallery li'）。click（function（）{ $（window）.scrollTo（$（this）.next（'li'），800，{easing：'easeOutCirc'，axis：'x'，offset：-50}）; }）;

我希望它跳过立即的li并转到那之后。

Answer 1

最简单的方法是再次拨打.next()，如下所示：

$('ul.gallery li').click(function() {
    $(window).scrollTo($(this).next('li').next('li'), 
                       800, 
                       {easing:'easeOutCirc', axis:'x', offset:-50 });
});

如果您想要的<li>有特定的类，请执行以下操作：

<ul>
  <li>Stuff</li>
  <li>Stuff 2</li>
  <li class="selectMe">Stuff 3</li>
</ul>

您可以使用.nextAll()代替.next()，如下所示：

$('ul.gallery li').click(function() {
    $(window).scrollTo($(this).nextAll('li.selectMe:first'), 
                       800, 
                       {easing:'easeOutCirc', axis:'x', offset:-50 });
});

Answer 2

向要跳过的LI添加一个班级并使用:not

以及来自jQuery Documentation

的示例

$("input:not(:checked) + span").css("background-color", "yellow");

jquery跳过列表项

2 个答案: