jquery跳过列表项

Posted 2023-02-25

【中文标题】jquery跳过列表项

【英文标题】：jquery skip list item

【发布时间】：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 并转到之后的那个。

【参考方案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");