javascript - 如果 div 没有特定的类，则隐藏它

Question

如果类没有事件，我需要隐藏该类。

$(document).ready(function() {
  
  if (!$('.active').hasClass('active')) {
    $(this).hide();
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="subheader active">
  <p>Hello</p>
</div>
<div class="subheader">
  <p>Goodbye</p>
</div>
<div class="subheader">
  <p>Hello Again</p>
</div>

Answer 1

要隐藏没有 active 类的 subheader，请使用

$('.subheader:not(.active)').hide();

我认为更好的解决方案是使用纯 CSS:

.subheader {
  display: none;
}
.subheader.active {
  display: block;
}

如这段代码所示，仅使用 jQuery 来切换类，并使用 CSS 来决定视觉上发生的情况。

$('.subheader').on('click', function(){
    $('.subheader').toggleClass('active');
  });

.subheader {
  display: none;
}
.subheader.active {
   display: block; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="subheader active">
  <p>Hello, click to toggle</p>
</div>
<div class="subheader">
  <p>Goodbye</p>
</div>
<div class="subheader">
  <p>Hello Again</p>
</div>