jQuery: Étant donné un sélecteur, trouver uniquement ses éléments visibles

Question

Cela devrait être facile. J'ai une variable que j'ai déjà déclarée appelée $ listItems. La déclaration ressemble à ceci:

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

Plus tard dans mon code, je voudrais seulement obtenir ceux qui sont actuellement visibles. Comment pourrais-je m'y prendre? Quelque chose comme:

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

Merci.

Answer 1

Vous pouvez utiliser .filter() pour affiner un ensemble d'éléments seulement ceux qui correspondent à un sélecteur (ou une fonction), comme ceci:

$listItems.filter(':visible') 

Answer 2

Vous l'avez avec le sélecteur :visible. Il peut être utilisé dans l'une des méthodes de collecte jQuery $(), filter(), children(), find(), etc.

Note: Il y a une différence entre quelque chose qui est sur la page visible et a son ensemble de propriétés visibility.