有没有办法将不同的东西添加到div与计数器？

Question

var play = function(){ 
var counter = 0; 
if(counter == 0){ 
    $(this).click(function(e) { 
    var targetBox = (e.target.id); 
    $("#" + targetBox).append("something"); 
    counter++; 
}) 
} else if (counter == 1){ 
    $(this).click(function(e) { 
    var targetBox = (e.target.id); 
    $("#" + targetBox).append("O"); 
    counter--; 
    }); 
} 
} 

我试图让一个按钮，用一个计数器改变什么附加到我的targetBox。如果计数器是1，则附加一些东西，如果计数器是0，则附加其他东西。任何帮助将不胜感激

Answer 1

$(this).click(function(e) { 
    var targetBox = (e.target.id); 
    if(counter == 0) { 
    $("#" + targetBox).append("something"); 
    counter++; 
    } else if(counter == 1){ 
    $("#" + targetBox).append("O"); 
    counter--; 
    } 
}) 

Answer 2

移动条件，即，如果块里面的点击处理程序。

var play = function() { 

    var counter = 0; 

    //Use proper selector here 
    $(this).click(function(e) { 
     var targetBox = (e.target.id); 
     if (counter == 0) { 
      counter++; 
      $("#" + targetBox).append("something"); 

     } else if (counter == 1) { 
      counter--; 
      $("#" + targetBox).append(O); 
     } 
    }); 
} 

Answer 3

把条件的事件处理中：

$(this).on('click', function(e) { 
    e.preventDefault(); 
    var targetBox = e.target.id; 
    if(counter == 0) { 
     $("#" + targetBox).append("something"); 
     counter++; 
    } 
    else { 
     $("#" + targetBox).append("O"); 
     counter--; 
    } 
});