在html

Question

我有一个场景，我有

<div id="test">
 <div class = "demo1">
  <p> Demo 1 Title </p>
  <h4> This is Demo1 </h4>
 </div>

 <div class = "demo2">
  <p> Demo 1 Title </p>
  <h4> This is Demo2 </h4>
 </div>

 <div class = "demo3">
 <p> Demo 1 Title </p>
  <h4> This is Demo3 </h4>
 </div>

 <div class = "demo4">
  <p> Demo 1 Title </p>
  <h4> This is Demo4 </h4>
 </div>
</div>

现在我想要隐藏课程demo1和demo4，即我想将display:none应用于他们。

怎么做呢。请建议。

Answer 1

试试吧，

$('.demo1, demo4').hide();

希望这有帮助！

Answer 2

他们有课程，所以你可以定位他们。

#test .demo1,
#test .demo4 {
  display: none;
}

<div id="test">
 <div class = "demo1">
  <h4> This is Demo1 </h4>
 </div>

 <div class = "demo2">
  <h4> This is Demo2 </h4>
 </div>

 <div class = "demo3">
  <h4> This is Demo3 </h4>
 </div>

 <div class = "demo4">
  <h4> This is Demo4 </h4>
 </div>
</div>

Answer 3

它将完成工作

$(".demo1, .demo4").css("display", "none");