div를 추가하는 기능 (기능 간 전환)

Question

누군가가 도와 줄 수 있다고 생각합니다. div (문제가 아님)을 추가하는 함수를 만들려고합니다.

문제는 내가 div1 또는 div2 인 경우 div가 있는지 확인한 후 다음을 추가하는 기능입니다.

패턴은 다음과 같이 표시되어야합니다. div1, div2, div1, div2 등. 이제는 div1을 추가하고 다른 하나는 div2를 추가하는 버튼이 2 개 있습니다. 1 div onClick을 추가하는 버튼이 필요하지만 어떤 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" 
    } 
})