jquery跳过列表项答案

【问题标题】：jquery skip list itemjquery跳过列表项
【发布时间】：2010-05-16 19:39:47
【问题描述】：

有没有办法让 jQuery 函数“跳过”一个 li？比如有 3 个列表项，你点击第一个，它会调用 next() 函数，跳过第 2 个 li 到第 3 个。

当前代码在这里：

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

我希望它跳过直接的 li 并转到之后的那个。

【问题讨论】：

标签： jquery list

【解决方案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 });
});

【讨论】：

【解决方案2】：

向LI 添加一个你想跳过并使用:not 的类

以及来自jQuery Documentation的示例

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

【讨论】：