javascript - 如何从列表中选择所有可见元素？

Question

我试图从列表中获取所有可见元素，但找不到方法。

我有 list

<ul id="posts">
     <li style="display:none">1</li>
     <li style="display:none">2</li>
     <li>3</li>
     <li style="display:none">4</li>
     <li>5</li>
     <li style="display:none">6</li>
     <li>7</li>
     <li>8</li>
</ul>

我想获取每个第二个可见元素并向其添加“visible”类。

我想要这个结果

<ul id="posts">
     <li style="display:none">1</li>
     <li style="display:none">2</li>
     <li>3</li>
     <li style="display:none">4</li>
     <li class="visible">5</li>
     <li style="display:none">6</li>
     <li>7</li>
     <li class="visible">8</li>
</ul>

我尝试过这样的事情

var jQuerylistItems = jQuery('#posts').children('li');
jQuerylistItems.filter(':visible').addClass('visible');

它可以工作，但不正确，有时添加类，有时不添加，我不知道为什么。

有人可以帮我吗？谢谢

Answer 1

我建议使用如下内容:

jQuery('#posts > li:visible:odd').addClass('visible');

查看演示 here .