it-swarm.com.ru

Используйте jQuery, чтобы проверить, все ли div скрыты

Как бы я проверил, все ли элементы div с тестом класса скрыты. И если они все скрыты, установите wrap1 на скрытый. Благодарю.

<div id='wrap1'>
<div class="header">Header 1</div>
<div class='test'><a href="#">Test 1</a></div>
<div class='test'><a href="#">Test 2</a></div>
<div class='test'><a href="#">Test 3</a></div>
</div>

ОБНОВЛЕНИЕ: Спасибо всем за действительно быстрые ответы, я получил это работает. Все они были очень полезны.

15
user149109

Вы можете сделать проверку как с помощью селектора, как предложено выше, и так:

 if ( $("div.test:visible").length === 0)
      $("#wrap1").hide( );
35
Artem Barger

Этот фрагмент будет зацикливать все <div id="wrap#"> и скрывать их, если тест скрыт.

$("div[id^='wrap']").each(function() {
  var wrap = $(this);

  if(wrap.children("div[class^='test']:visible").length == 0) {
    wrap.hide();
  } else {
    wrap.show();
  }
});

Если вы все еще хотите, чтобы ваш <div id="wrap#"> был видимым, если тестов вообще нет (как, например, в разметке), вы можете использовать следующий модифицированный фрагмент:

$("div[id^='wrap']").each(function() {
  var wrap = $(this);

  if(wrap.children("div[class^='test']").length > 0 && 
     wrap.children("div[class^='test']:visible").length == 0) {
    wrap.hide();
  } else {
    wrap.show();
  }
});

Нет никаких веских причин для нумерации классов (кроме случаев Edge). Ваша нумерация усложняет приведенный выше код, а также ваш CSS. Было бы проще просто удалить нумерацию с test. (Вам это не нужно, так как вы всегда можете выбрать их подмножество, используя :lt(index), :gt(index), :eq(index), :first и :last.

Что касается нумерации идентификаторов, это нормально, так как каждый идентификатор должен быть уникальным.

8
Andrew Moore

Лучший способ увидеть, все ли они видны, - это счетчик видимости, равный общему количеству.

$("#wrap1 div:visible").length == $("#wrap1 div").length
0
easement
jQuery("#wrap1").find("div").each(function()
   {
      if ($(this).is(':hidden'))
      {
      }
   }
);
0
andres descalzo