添加 div 的函数（在函数之间切换）

Question

希望有人可以帮助我。我正在尝试创建一个添加 div 的函数（不是问题）。

问题是我想让函数检查之前的div是div1还是div2，然后加上下一个。

模式应如下所示：div1、div2、div1、div2 等。现在我有 2 个按钮，其中一个添加 div1，另一个添加 div2。我需要一个按钮，它在单击时添加 1 个 div，但会检查已添加的 div，然后内联添加下一个 div（div1 或 div2）。

到目前为止我的代码：

function div1(){
                    var div1 = document.createElement("div");

                    div1.className = "div1";

                    $('.wrapper').append(div1);
                }

                function div2(){
                    var div2 = document.createElement("div");
                    div2.className = "div2";

                    $('.wrapper').append(div2);

                }

                $(".addDiv1").click(function(){
                    div1();
                })
                $(".addDiv2").click(function(){
                    div2();
                })

Answer 1

直观地说，我将创建一个通用函数，根据之前的状态更改您要添加的 div 的类，以及一个全局变量来跟踪您所处的状态：

var current_class = "div1"

function newdiv(myclass){
  var div = document.createElement("div");
  div.className = myclass;
  $('.wrapper').append(div);
}


$(".addDiv").click(function(){
  newdiv(current_class);
  if (current_class == "div1"){
    current_class = "div2"
  }
  else {
    current_class = "div1"
  }
})