我有一个场景,我有
<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
应用于他们。
怎么做呢。请建议。
答案 0 :(得分:0)
试试吧,
$('.demo1, demo4').hide();
希望这有帮助!
答案 1 :(得分:0)
他们有课程,所以你可以定位他们。
#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>
答案 2 :(得分:0)
它将完成工作
$(".demo1, .demo4").css("display", "none");