Javascript 使用jquery显示多个隐藏的div？

我有一个类似这样的代码：

<div id="specialDiv">
  <div id="div1">
     <div id="div2">
     </div>
  </div>
<div>

$('#div1').show();
$('#div2').show();

它是有效的，但是除了它，还有什么优雅的方法可以做到这一点吗

$('#speicalDiv div').show();

谢谢。

$（'specialDiv'）。show（）将显示
内的所有
div
#specialDiv

但是，您根本不必将div隐藏在内部-隐藏父级就足够了

如果您只想直接在
#specialDiv
中显示div（在您的示例中：
#div1
），可以使用
#specialDiv>div
选择那些div，您可以使用：

如果希望将类添加到可隐藏的div，可以在show（）/hide（）语句中引用该类

否则，您的方法看起来尽可能优雅。
将div放入一个类中。i、 e

$('.toshow').show();

然后，它们可以位于页面上的任何位置，如果需要，也可以是div以外的其他内容。
与您已经建议的类似，您可以执行以下操作：

$('#specialDiv div').show();

但更灵活的方法是向要显示的div添加新的类名：

<div id="specialDiv">
  <div id="div1" class"hidden">
    <div id="div2" class="hidden">
    </div>
  </div>
<div>

你的第一个解决方案怎么不优雅？如果我是你，我一开始就不会隐藏div2。你的第三段代码在语法上是不正确的。你对优雅的定义是什么？最少代码？最具可读性？执行效率？或者你想要这样的东西：$（'div1，#div2'）.show（）
<div id="specialDiv">
  <div id="div1" class"hidden">
    <div id="div2" class="hidden">
    </div>
  </div>
<div>

$('#specialDiv .hidden').show();