更改变量作为类更改

Question

我有以下代码更改<div>区域并正确显示，但在变量更改时不会更新。

var count = $('.selection').length;
$('#div').text(count);

据我所知，变量是在代码运行时计算的（在任何.selection更改之前）。我试着把上面的内容放到我的点击处理程序中（下面），但需要一些帮助才能使事情有效。

$('#tbl td.n').bind('click', function() {
  sb = $('.selection').length;
  if (sb == 10 && !$(this).hasClass('selection')){
    alert("Please select less than 10");
    return;
  };
  $(this).toggleClass('selection n');
});

Answer 1

您需要在课程切换后重新检查计数。此外，正如您的提醒所示，选择少于10＆＃39;我想你正在寻找像

那样的支票

if (sb >= 10 && !$(this).hasClass('selection'))

$('#tbl td.n').bind('click', function() {
  sb = $('.selection').length;
  if (sb >= 10 && !$(this).hasClass('selection')){
    alert("Please select less than 10");
    return;
  };
  $(this).toggleClass('selection n');
  count = $('.selection').length;
  $('#div').text(count);  
});