jquery - 双击HTML表格中的行时如何删除背景颜色？

Question

我正在使用 jquery 处理 HTML 表，选择时突出显示该行并双击以删除突出显示以及当时仅选择一个。

下面的代码，只能实现一个目标，一次只能选择一个。

$("#tableRecord tr").click(function(){
        $(this).addClass("clicked").siblings().removeClass("clicked");
    });

在表格中，我希望一次只选择一个，并且当再次单击它时可以取消选择一个选定的项目。

标签： jqueryhtml

Answer 1

您可以使用jQuery的hasClass()方法来检查链接是否已经被点击然后取消选择它，或者如果它没有被点击，然后选择它并取消选择所有其他的：

$("#tableRecord tr").click(function(){
  if ($(this).hasClass("clicked")) {
    $(this).removeClass("clicked");
  } else {
    $(this).addClass("clicked").siblings().removeClass("clicked");
  }
});