javascript - 如何循环浏览没有 display:none 的元素？

Question

我有一组元素（li），其中一些元素可能通过“.hide()”不可见，也可能不可见。如何仅选择可见元素？

基本上我有一个文本字段，当用户单击或关注它时，会出现一个可能的选项列表，用户可以输入一些东西，并且选项会在相应过滤时缩小，或者用户可以使用向上和向下箭头来滚动浏览可用选项。当一个选项变得不可用时，它会通过“.hide()”“隐藏”。

Answer 1

使用:visible选择器

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

Answer 2

jQuery 有一个专门针对这种情况的选择器。

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