Javascript 单击添加和删除表格数据（td）的背景色

我正在使用jquery为表数据设置背景颜色，它工作正常，但我需要当用户再次单击td时，应该取消选择颜色。这是我添加颜色的脚本

java script:
  jQuery('td').click(function () { $(this).addClass('active'); });

my css class:
.active{background-color:red;}

当用户再次单击td时，类应该删除。如何实现这一点。

您可以使用

$(this).removeClass('active');

尽管您需要进行检查以查看它是否已处于活动状态，但这会使您的代码如下所示：

jQuery('td').click(function () { 
  if($(this).hasClass('active') { 
    $(this).removeClass('active'); 
  } else {
    $(this).addClass('active'); 
  }
});

编辑：

@正义更为正确：

jQuery('td').click(function () { $(this).toggleClass('active'); });

你可以用

$(this).removeClass('active');

尽管您需要进行检查以查看它是否已处于活动状态，但这会使您的代码如下所示：

jQuery('td').click(function () { 
  if($(this).hasClass('active') { 
    $(this).removeClass('active'); 
  } else {
    $(this).addClass('active'); 
  }
});

编辑：

@正义更为正确：

jQuery('td').click(function () { $(this).toggleClass('active'); });

toggleClass在不存在时添加，在存在时删除

---

toggleClass如果不存在则添加，如果存在则删除。

感谢您的信任投票。我不确定是不是应该给你投票，但是谢谢你。谢谢你投下信任票。我不确定是不是应该给你投票，但是谢谢你。