隱藏HTML

-3

一個子類父ID的我有一種情況，我有隱藏HTML

<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給他們的班。

如何做到這一點。請建議。

來源

2017-02-09 Suraj

'$（」 demo1的，.demo4' 。）隱藏（）;'或'.demo1，.demo4 {顯示：none;}' –

解釋更多！爲什麼你需要隱藏它們？什麼時候？ –

目的是什麼？你面臨什麼問題？意味着你試過了什麼？ – rahulsm

只要嘗試，

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

希望這有助於！

來源

2017-02-09 12:27:03

你忘了'''！ –

我的壞！新增..感謝您指出！ –

他們有類，所以你可以瞄準他們。

#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>

來源

2017-02-09 12:27:11 sol

它會做的工作

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

來源

2017-02-09 12:31:19

回答

相關問題