如何隱藏特定div的jquery中的所有div？

Question

我有HTML像下面

<div id="L0" > 
    <div id="P0"> 
     //code 
    </div> 
    <div id="P1"> 
     //code 
    </div> 
    <div id="p2"> 
      //code 
    </div> 
</div> 
<div id="L1" > 
    <div id="P0"> 
     //code 
    </div> 
    <div id="P1"> 
     //code 
    </div> 
    <div id="p2"> 
      //code 
    </div> 
</div> 

所以我想隱藏我曾嘗試下面的代碼特定L.內的所有P的div，但它無法正常工作。

$('#L0 div[id^=P]').hide(); 

Answer 1

$('#L0 div[id^=P], #L0 div[id^=p]').hide(); 

Answer 2

末div ID p小字符和選擇使用CAPITAL P焦炭

<div id="p2"> 

變化

<div id="P2"> 

Answer 3

這爲我工作。他們兩個都沒有隱瞞，因爲他們是小字母p

$('div[id^="P"]').hide(); 
 
$('div[id^="p"]').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="L0" > 
 
    <div id="P0"> 
 
     //code 
 
    </div> 
 
    <div id="P1"> 
 
     //code 
 
    </div> 
 
    <div id="p2"> 
 
      //code 
 
    </div> 
 
</div> 
 
<div id="L1" > 
 
    <div id="P0"> 
 
     //code 
 
    </div> 
 
    <div id="P1"> 
 
     //code 
 
    </div> 
 
    <div id="p2"> 
 
      //code 
 
    </div> 
 
</div>

Answer 4

只是隱藏L0股利和所有內部P將自動隱藏特定事業部 試試下面的代碼

$('#L0').hide(); 

Answer 5

添加一個課程到你的頂級DIV的例如：

<div id="L0" class="top-div"> 
    <div id="P0">1</div> 
    <div id="P1">2</div> 
    <div id="p2">3</div> 
</div> 
<div id="L1" class="top-div"> 
    <div id="P0">4</div> 
    <div id="P1">5</div> 
    <div id="p2">6</div> 
</div> 

現在你可以很容易地選擇所有DIV的與類頂格和隱藏自己的孩子，在這種情況下，內部的div：

$('div.top-div').children().hide(); 

如果你想隱藏的內部的div只有一個外（L）DIV使用下面的代碼：

$('div#L0').children().hide();// for your first div L0 
$('div#L1').children().hide();// for your second div L1