Javascript 如何删除html表中串行单元格处的类

一些事件在类似日历的html表中注册

我想通过单击来注销这些事件

为了实现这一点，我想删除连续单元类。像

当我们单击3或4时，3,4单元格的类将被删除

当我们单击13、14或15时，13、14、15单元格的类将被删除

当我们单击9时，只有9个单元格的类将被删除

可能吗

有没有办法实现这一点

谢谢

$function{ $td.clickfunction{ $this.removeClass； }; }; 运输署{ 过渡时间：0.5s； 边框：纯黑1px； 填充物：5px； } 桌子{ 边界塌陷：塌陷； } A.水{ 背景色：浅绿色；} 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 您可以先使用以父tr元素为目标，然后使用以aqua类的所有元素为目标来删除它们：

$function{ $td.clickfunction{ $this.最近的'tr'。查找'.aqua'。删除类'aqua'； }; }; 运输署{ 过渡时间：0.5s； 边框：纯黑1px； 填充物：5px； } 桌子{ 边界塌陷：塌陷； } A.水{ 背景色：浅绿色；} 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15

---

你可以简单地只针对那些拥有aqua类的细胞，而不是针对每个细胞。然后使用.closest'tr'查找所单击单元格的最近父tr，然后使用.find'td.aqua'查找所有具有aqua类的单元格，最后从每个单元格中删除该类

$function{ $td.aqua.clickfunction{ $this.最近的'tr'。找到'td.aqua'。移除类'aqua'； }; }; td{转换持续时间：.5s；边框：实心000 1px；填充：10px；文本对齐：中心} 表{边框折叠：折叠} .aqua{背景色：0ff} 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15

---

如果要在单击每行时删除aqua类，请使用此选项

$function{ $tr.clickfunction{ $this.children.removeClass'aqua'； }; };

或者单击单元格本身时使用此选项

$function{ $tr>.aqua.clickfunction{ $this.parent.children.removeClass'aqua'； }; };

$function{ $tr>.aqua.clickfunction{ $this.parent.children.removeClass'aqua'； }; }; 运输署{ 过渡时间：0.5s； 边框：纯黑1px； 填充物：5px； } 桌子{ 边界塌陷：塌陷； } A.水{ 背景色：浅绿色； } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15

---

如果您只是像下面这样更改脚本。您的代码将根据您的要求完美地工作

$(function() {
  $("tr").click(function() {
    $(this).children().removeClass();
  });
});

或者你也可以像下面这样改变。它也可以完美地工作

$(function() {
  $("td").click(function() {
    $(this).closest('tr').find('.aqua').removeClass('aqua');
  });
});

最好的答案是使用第二种方法