javascript - 如何使用 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>

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

Answer 1

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

或者 $(".nested_fields") 返回一个对象数组，您也可以这样做:

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

或仅使用选择器:

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