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

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

jQuery不会显示隐藏的儿童div

3 个答案: