javascript - JQueryを使用して、特定のCSS属性を持つ要素のみを選択します

Question

わかりました、私はこのコードを持っています

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

ここで、.search-result-itemcss属性を使用してのみ表示される要素のみを選択するだけですvisibility:visible。どうすればこれを可能にできますか？

PS申し訳ありませんが、Googleに何を入力すればよいかわからないので、検索を開始できます。

アップデート...

よくこのようなことをすることでうまくいきました

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

答えてくれてありがとう

score 2 · Accepted Answer

以下？

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

score 2 · Accepted Answer

これを試してください：

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

score 1 · Accepted Answer

:visible Selector-表示されているすべての要素を選択します。

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

また

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

3 に答える 3