jquery - 选择显示:list-item的元素

Question

我正在尝试选择 ul 的每三个可见子代。我尝试使用 :visible 但没有让它工作。是否还有另一种使用 display:list-item 选择元素的方法？我认为 :visible 只查看 display:block？

Answer 1

如果您使用 nth-child，则在确定其 nth 时不会考虑 :visible 返回的子集位置。

您首先需要选择可见的，然后执行 .filter()。

示例: http://jsfiddle.net/YNV3J/

$('ul > li:visible').filter(function(i) {
    return i % 3 === 2;
}).addClass('third');

<小时/>

编辑: 原始答案是使用 nth-child 在这种情况下会失败。已修复。