div があり、その div の中にたくさんの画像があります。隠れているものとそうでないものがあります。すべての画像が隠されているかどうかを確認する簡単な方法はありますか? 以下のコードは、一部の画像が非表示になっている場合に実行されます。すべての画像が非表示の場合にのみ発火させたい。ありがとう。
if ($('#images' img").is(":hidden"))
div があり、その div の中にたくさんの画像があります。隠れているものとそうでないものがあります。すべての画像が隠されているかどうかを確認する簡単な方法はありますか? 以下のコードは、一部の画像が非表示になっている場合に実行されます。すべての画像が非表示の場合にのみ発火させたい。ありがとう。
if ($('#images' img").is(":hidden"))
次の方法で確認できます。
var images = $('#images img');
if(images.filter(':hidden').length == images.length)
{
//all are hidden
}
ちなみに、$('#images' img")
引用符が一致しないため、構文エラーがあります。
また、チェック$('#images img').is(":hidden")
すると、画像の少なくとも 1 つが非表示になっている場合に true のステータスが提供されます。
参照:非表示
これは動作しないことを覚えておいてくださいvisibility:hidden
あなたの解決策はかなり近いものでしたが、逆に考える必要があります。画像が表示されているかどうかを確認することを検討してください。表示されている場合、すべての画像を非表示にすることはできません。
これはうまくいくはずです:
if (!$('#images img').is(":visible")) {
alert("Do Something");
}