jquery - jQuery 不会显示隐藏的子 div

Question

让我们看看这个简单的小提琴：

提琴手

 <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

您需要选择所有元素，而不仅仅是父元素...

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

Answer 2

尝试：

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

Answer 3

为了显示所有 4，只需display: none;从嵌套div的 s中删除

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