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

Question

好的，我有这个代码

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

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

PS对不起，我不知道在谷歌中输入什么，所以我可以开始搜索。

更新...

好吧，它通过做这样的事情起作用

$("#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');