javascript - Count++ 和 -- 不起作用

Question

我正在尝试创建一个函数，当用户单击具有类“n”的表的 td 元素时，计数器会加一。

然而，在点击 td 元素时，它也会被分配到“selected”类。所以我想做的是，当用户再次点击类为“selected”的元素时，计数器变为 -1。

基本上它应该像一个切换器一样工作，一旦被点击，它就会 +1，再次点击它就会变成 -1。我试过这个功能，但它不起作用。

下面的代码是我的函数:

$('#plan td')
.bind('click',function(event) {
    if ($(this).hasClass("n"))
        count +=1;
}).bind('click',function(event) {
    if ($(this).hasClass("selected"))
        count -=1;
    $('.msg span.count').html(count);
});

这负责分配“selected”类:

$('#plan td.n').click(function(){
    if (!$(this).hasClass("taken"))
    if ($(this).hasClass("selected") || $(".selected").length < 4) 
        $(this).toggleClass("selected");
});

这是html部分:

<div id='plan'>
  <table>
    <tr>
      <td class='n' id='_1a'>T</td>
      <td class='n' id='_1b'>F</td>
      <td class='n' id='_1c'>T</td>
      <td>1</td>
      <td class='n' id='_1d'>T</td>
      <td class='n' id='_1e'>F</td>
      <td class='n' id='_1f'>T</td>
    </tr>
  </table>
</div>

Answer 1

您将工作分散得太细了。所有这些都可以在一个处理程序中处理。

$('#plan .n').click(function() {
  var $this = $(this);
  if ($this.hasClass('selected') || $('.selected').length < 4) {
    $this.toggleClass('selected');
  }
  if ($this.hasClass('selected')) {
    count -= 1;
  } else {
    count += 1;
  }
  $('.msg span.count').html(count);
});