Javascript Jquery删除隐藏的onclick类

您好，我有以下HTML结构：

<div class="form-step2 hidden"></div>
<div class="form-step2 hidden"></div>
<div class="form-step2 hidden"></div>
<div class="form-step2 hidden"></div>
<button type="button" id="addblock" class="btn btn-primary btn-block">+</button>

---

但是这会删除所有隐藏的

从第一个

表单步骤2中

元素的class

hidden

$（“#添加块”）。单击（函数（）{
$（“.form-step2.hidden:first”）.removeClass（“hidden”）；
});
。隐藏{
显示：无；
}

1.
2.
3.
4.
+
从第一个
表单-step2
元素中删除隐藏的类，该元素带有class
隐藏的


$（“#添加块”）。单击（函数（）{
$（“.form-step2.hidden:first”）.removeClass（“hidden”）；
});
。隐藏{
显示：无；
}

1.
2.
3.
4.
+
$（“#添加块”）。单击（函数（）{
$（'.hidden:first'）.removeClass（“hidden”）；
});
。隐藏{
显示：无；
}

A.
B
C
D
+
$（“#添加块”）。单击（函数（）{
$（'.hidden:first'）.removeClass（“hidden”）；
});
。隐藏{
显示：无；
}

A.
B
C
D
+
试试这个：

$( "#addblock" ).click(function() {
    var $step = $( ".form-step2" ).not('.hidden');
    if($step.length<1)
    {
       $( ".form-step2:first" ).removeClass("hidden");
     }
     else
    {
      $step.next(".hidden").removeClass("hidden");
    }

});

$（“#添加块”）。单击（函数（）{
var$step=$（“.form-step2”）.not（“.hidden”）；
如果（$step.length请尝试以下操作：

$( "#addblock" ).click(function() {
    var $step = $( ".form-step2" ).not('.hidden');
    if($step.length<1)
    {
       $( ".form-step2:first" ).removeClass("hidden");
     }
     else
    {
      $step.next(".hidden").removeClass("hidden");
    }

});

$（“#添加块”）。单击（函数（）{
var$step=$（“.form-step2”）.not（“.hidden”）；
如果（$step.lengthu可以尝试以下方法：


你可以试试这个：


$( "#addblock" ).click(function() {
  $( ".form-step2" ).siblings(".form-step2").eq(1).removeClass("hidden");
});