Question

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

问题是我希望该函数检查之前的div是div1还是div2，然后添加下一个。

模式应该如下所示：div1，div2，div1，div2等。现在我有2个按钮，其中添加div1，另一个添加div2。我需要一个按钮，它会在onClick上添加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"
  }
})

添加div的功能（在功能之间切换）

1 个答案: