1

Скажите пожалуйста, как написать условие, если у всех div списка стоит display: none то что то сделать, а если не у всех, то ничего не делать. Сейчас имеем такой код:

<div class="line_table">
<div>

</div>

<div>

</div>

<div>

</div>

</div>

При нажатии на кнопку, там происходит поиск слов на совпадение, и к тем div, в которым не нашло совпадение по словам, присваивает style: diplay: none. Я написал вот такой скрипт:

    $(".bottom_line_table > div").each(function() {
    if ($(this).css("display") == "none") {
       $('.not_found_table').fadeIn('slow');
    } else {

    }
});

Но он срабатывает всегда, даже если в списке есть div, с display: block.

2
  • потому что ты вызываешь fadeIn когда найдешь первый попавшийся скрытый див
    – Grundy
    27 янв 2019 в 10:22
  • Не подскажите, а как написать условие, что бы fadeIn вызывался если все div скрытые? 27 янв 2019 в 10:50

1 ответ 1

1

Чтобы проверить, что невидимы все, нужно взять всех, выбрать из них те, который невидимы и сравнить количество.

var all = $(".bottom_line_table > div");
var hidden = all.filter(function(){ return ($(this).css("display") == "none"); })

if (all.length == hidden.length){
   // выполняем нужные действия
}
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.