使用JQuery仅选择具有特定CSS属性的元素

Question

好的，我有这段代码

 $("#search-results-all").children(".search-result-item").length;

现在，我想要的只是选择仅使用css属性.search-result-item可见的visibility:visible元素。现在我怎么能做到这一点？

P.S。抱歉，我不知道在Google中输入什么内容，因此我可以开始搜索。

... UPDATE

通过做这样的事情很有效率

$("#search-results-all").children(".search-result-item:visible").length;

谢谢你的回答

Answer 1

以下？

$("#search-results-all > .search-result-item").filter(function() {
   return $(this).css('visibility') == 'visible';
}).length;

http://api.jquery.com/filter/

Answer 2

试试这个：

$("#search-results-all .search-result-item").filter(function() {
  return $(this).css('visibility') == 'visible';
});

Answer 3

:visible Selector - 选择所有可见的元素。

$("#search-results-all").children(".search-result-item:visible").length; 

或

$("#search-results-all").children(".search-result-item")).is(':visible');