功能添加div（功能之間切換）

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" 
    } 
})