如何循环显示没有display：none的元素？

Question

我有一组元素（li），其中一些元素可能通过'.hide（）'隐藏或不可见。如何只选择可见元素？

基本上我有一个文本字段，当用户点击或关注它时会显示一个可能的选项列表，用户可以键入somethign in并且选项会在相应过滤时缩小，否则用户可以使用up和向下箭头滚动可用选项。当一个选项变得不可用时，它将通过'.hide（）'隐藏'。

Answer 1

使用:visible选择器

$('li:visible').doSomething()

Answer 2

jQuery特别针对这种情况selector。

$('li:visible').each(function(x,y){...});