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

时间:2011-10-16 15:06:58

标签: javascript jquery

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

<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

2 个答案:

答案 0 :(得分:1)

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

或$(“。nested_fields”)返回您也可以执行的对象数组:

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

或仅使用选择器:

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

答案 1 :(得分:1)

试试这个

$('.nested_fields:hidden:first')