的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'); 
       });