获取第一个隐藏的表单并显示它

Question

我无法弄清楚如何使用隐藏且取消隐藏的类div获得第一个form-wrapper。我想要完成的是创建一个按钮（添加语言），当单击此按钮时，显示第一个隐藏的div form-wrapper

我做过的事情:(函数unhideOneForm仅调用一次，目前，它用于测试目的，但它没有显示任何形式/ div。

function unhideOneForm(){
    $(".form-wrapper :hidden:first").slideToggle("fast");
}
$(document).ready(function(){
    var divs = $('.form-wrapper');
    $.each(divs, function(div){
        //alert($(this).html());
        if ($(this).find('select option:selected').text().indexOf("----") >= 0){

            $(this).hide()
        }
    });
    unhideOneForm()
});

你能检查问题出在哪里吗？

Answer 1

display : none位于<div class="form-wrapper">，而不是其子女。

所以选择器应该是，

$(".form-wrapper:hidden:first")
              //^ - remove the space - it is for child selector.