Javascript (jQuery), дающий мне странные результаты

Question

Вчера я начал писать код для некоторых случайных упражнений, которые я нашел в Интернете. Моя задача состояла в том, чтобы иметь пустую таблицу HTML и, когда пользователь нажал одну конкретную кнопку, изменит цвет ячейки на противоположный цвет (зеленый или красный) и изменит (добавит или вычтет 1) его значение. После 10 кликов по ячейкам он должен предупредить сообщение со средним и некоторыми другими вещами. В первый раз, когда я нажимаю кнопку, все работает нормально. Однако для последующих кликов он ведет себя странно. Вот некоторые из кода

//..... 
var n=0; 
$("#b1").click(function(){ 
    document.getElementById("b1").disabled = true; 
    $("td").removeClass(); 
    for (var i=0; i<25; i++) 
    { 
     var z=$("td").eq(i) 
     z.text(Math.floor((Math.random() * 10))) 
     if (z.text()<5) 
     { 
      z.addClass("linkClass") 
     } 
     else 
     { 
      z.addClass("linkClass2") 
     } 
    } 
    $("td").click(function(){ 
    n++; 
    if ($(this).hasClass("linkClass")) 
    { 
     $(this).removeClass() 
     $(this).text(parseInt($(this).text())-1); 
     $(this).addClass("linkClass2") 
    } 
    else 
    { 
     $(this).removeClass() 
     $(this).text(parseInt($(this).text())+1); 
     $(this).addClass("linkClass") 
    } 
    if (n==10) 
    { 
     alert("Ten times clicked"); 
     document.getElementById("b1").disabled = false; 
     n=0; 
    } 

классы linkClass и linkClass2 изменяется только цвет фона ячейки. Есть идеи?

Answer 1

Вы должны двигаться $("td").click(function(){ из $("#b1").click(function(){, потому что каждый раз, когда вы нажимаете кнопку вы связать еще один щелчок по td поэтому он выполняет несколько кликов в одно время