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

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