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.