jQuery .next 和伪选择器

Question

简短问题: .next 中是否存在与 $this.nextAll().filter(':visible').eq(0) 等效的内容 或 .nextUntil jQuery 函数？

场景:我有 3 里，其中隐藏了第 2 里。现在，当 this 是 #test

时，如何选择第三个 li

<ul>
    <li id="test">Item 1</li> <!-- From this li -->
    <li style="display: none">Item 2</li>
    <li>Item 3</li> <!-- Select this li using :visible -->
</ul>

演示: http://jsfiddle.net/LgCuk/1/

注意:以上只是一个示例，实际列表很大并且元素是随机隐藏的。所以我正在寻找可以选择下一个可见的li的东西。

Answer 1

使用 .next() 和 .nextUntil() 将允许您不必遍历整个列表，并且在找到第一个匹配项时停止(.nextUntil())，然后选择所需的元素 (.next())。它比直接的 .nextAll() 便宜。

var $this = $('#test');
$this.nextUntil(':visible').next().css('color', 'red');

<强> jsFiddle example