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

Question

我有一个像这样的代码：

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

div1和div2现在是隐藏的，为了显示它们我正在做这样的事情：

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

它有效但除了

之外还有一种优雅的方法

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

感谢。

Answer 1

您可以使用multiple selector：

$("#div1, #div2").show();

Answer 2

$('#specialDiv div').show();会在div内显示所有#specialDiv。

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

如果您只想在#specialDiv内直接显示div（在您的情况下为#div1），则可以使用#specialDiv > div选择那些。

Answer 3

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

否则，您的方法看起来尽可能优雅。

Answer 4

将div放入一个类中。即。

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

然后他们可以在页面的任何地方，如果需要，可以是除div之外的其他东西。

Answer 5

与您已建议的类似，您可以执行以下操作：

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

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

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

然后如此显示：

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