1

誰かが私を助けてくれることを願っています。(問題ではなく)を追加する関数を作成しようとしていますdiv

問題は、関数にdiv前がまたはであるdiv1かどうかをチェックしてからdiv2、次を追加することです。

パターンは次のようになります:div1、div2、div1、div2など。現在、2つのボタンがあり、ここでdiv1を追加し、もう1つはdiv2を追加します。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();
                })
4

1 に答える 1

2

直感的には、前の状態に応じて追加する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"
  }
})
于 2012-08-31T07:04:58.283 に答える