如何使用jQuery显示具有特定类的第一个隐藏div？

Question

所以我有这种情况......

<div class="nested_fields"></div>
<div class="nested_fields" style="display: none;"></div>
<div class="nested_fields"></div>
<div class="nested_fields"></div>
<div class="nested_fields" style="display: none;"></div>
<div class="nested_fields" style="display: none;"></div>
<div class="nested_fields" style="display: none;"></div>

我想显示show第一个未隐藏的nested_fields div ...所以在上面的情况下它将是第二个带有Jquery的div

Answer 1

$(".nested_fields:hidden").first().show();

或$（“。nested_fields”）返回您也可以执行的对象数组：

$(".nested_fields:hidden")[0].show();

或仅使用选择器：

 $(".nested_fields:hidden:first").show();

Answer 2

试试这个

$('.nested_fields:hidden:first')