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

Question

我不知道如何使用隐藏的类 form-wrapper 获取第一个 div 并取消隐藏它。我想要完成的是创建一个按钮(添加语言)，当单击此按钮时，显示第一个隐藏的 div 类 form-wrapper

我所做的:(函数 unhideOneForm 仅被调用一次，目前，它用于测试目的，但它不显示任何 form/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">上而不是它的 child 。

所以选择器应该是，

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