Как найти первый элемент, который скрыт JQuery

Я хочу показать первый элемент, который скрыт 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();
        }

Tanx

14.12.2008 10:37:00
3 ОТВЕТА
РЕШЕНИЕ

Просто добавьте: первый селектор после того, как вы получили: скрытый набор, чтобы вы получили первый элемент из набора, найденный: скрытым селектором

$("a.add").click(function(){
    $(":hidden:first").slideToggle("fast");
});
12
26.09.2016 11:27:33

Вот решение:

$("a.add").click(function(){
    $(":hidden:first").show();
});
2
11.07.2017 23:36:26

Спасибо "Эфир": я нашел ниже решения после вашего ответа:

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

ИЛИ

$(":hidden:lt(1)",$(this).parent().parent())
0
15.12.2008 09:03:05
неплохо,: hidden: lt (1) и ": hidden: eq (0)" кажутся достаточными, чтобы найти первый скрытый элемент, вторую часть с $ (this) .parent (). parent () не нужно = )
æther 15.12.2008 21:43:35