jQuery：给定一个选择器，只找到它的可见元素

Question

这应该很简单。我有一个我已经声明为$ listItems的变量。声明如下：

var $listItems = $ul.children('li'); // $ul is just a selected unordered list

稍后在我的代码中，我想只获取当前可见的内容。我该怎么办呢？类似的东西：

$listItems.parent().children(':visible')?

感谢。

Answer 1

您可以使用.filter()将一组元素缩小到仅与选择器（或函数）匹配的元素，如下所示：

$listItems.filter(':visible')

Answer 2

您拥有:visible选择器。它可用于任何jQuery集合方法$()，filter()，children()，find()等。

注意：页面上可见之间存在差异，并且设置了visibility属性。