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

所以我有这种情况

<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>

我想显示未隐藏的第一个嵌套的_字段div…因此在上述情况下，它将是Jquery的第二个div

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

或作为$（“.nested_fields”）返回一个对象数组，您还可以执行以下操作：

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

或仅使用选择器：

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

试试这个

$('.nested_fields:hidden:first')