javascript - jQueryは隠し要素を選択しますか

Question

要素を呼び出す.hide()と、jQuery は通常の dom セレクターでそれを選択します。

jQueryが通常非表示の要素を選択する場合、表示されている要素のみを選択する適切な方法は何ですか? css セレクターを使用できますか、それとももっと有効な方法がありますか?

Answer 1

はい。このhide関数は、要素の display css プロパティの現在の値のみを保存し、それを に設定しnoneます。displayそのため、DOM セレクターは、要素を特定のcss 値と一致させようとしない限り、影響を受けません。

ここで確認してください。

jQueryhide関数のドキュメントをご覧ください。

Answer 2

はい、非表示の要素をカウントします。

Answer 3

はい、要素に display:none スタイルを追加するだけです... .remove() 一方、カウントには表示されません。しかし、それはそれを完全に取り除きます。値をどこかに保存しない限り、取得することはできません。

あなたがやりたいと思っているのは、目に見えるアイテムを数えることです。代わりに次のことを行います。

$('.element').addClass('hide');

var count_of_visible_items = $('.element:not(".hide")').length;
console.log(count_of_visible_items);