如何找到由jQuery隐藏的第一个元素

Question

我想显示jquery隐藏的第一个元素。我的html代码是：

<ol> 
    <li>1</li> 
    <li style="display:none">2</li> 
    <li style="display:none">3</li> 
    <li style="display:none">4</li> 
    <li style="display:none">5</li> 
    <li><a class="add">Add More ...</a></li> 
</ol> 

我想显示第一个隐藏的LI，每次单击“a”元素。 我的解决方案如下。但我认为更好的方式存在。

$("a.add").click(function(){ 
     var hiddens=$(":hidden",$(this).parent().parent()); 
     if (hiddens.length>0) 
     { 
      hiddens.each(function(index,el){ 
       if(index==0) 
       { 
        $(this).slideToggle("fast"); 
       } 
      }); 
     } 

     if (hiddens.length==1) 
     { 
      $(this).parent().hide(); 
     } 

坦

Answer 1

只需添加一个：第一选择你得到后：隐藏的设置让您从一组由找到的第一个元素：隐藏选择

$("a.add").click(function(){ 
    $(":hidden:first").slideToggle("fast"); 
}); 

Answer 2

这里是解决方案：

$("a.add").click(function(){ 
    $(":hidden:first").show(); 
}); 

Answer 3

谢谢你“以太”： 我发现下面你的答案后解决方案：

$(":hidden:eq(0)",$(this).parent().parent()) 

OR

$(":hidden:lt(1)",$(this).parent().parent())