的jQuery不會顯示隱藏的孩子的div

Question

讓我們來看看這個簡單的小提琴：

JFiddle

<div id="a" style="display: none;">1 
<div style="display: none;">2 
    <div style="display: none;">3 
    <div style="display: none;">4</div> 
    </div> 
</div> 
</div> 
$(document).ready(function() 
       { 
$('#a').show('fast'); 
       }); 

我想看到所有1 2 3 4，而是我只看到1，如何告訴jQuery來顯示所有嵌套物品？

Answer 1

嘗試：

$(document).ready(function() 
{ 
$('#a, #a div').show('fast'); 
}); 

Answer 2

您需要選擇所有元素，而不僅僅是父...

$('#a, #a div').show('fast'); 

Answer 3

爲了顯示所有4個，剛剛從嵌套div小號

刪除 display: none;

<div id="a" style="display: none;">1 
<div>2 
    <div>3 
    <div>4</div> 
    </div> 
</div> 
</div> 
$(document).ready(function() 
       { 
$('#a').show('fast'); 
       });