select - 需要帮助突出显示表格的特定单元格并在突出显示时取消突出显示其他单元格

Question

所以，我将进一步解释一下。

我有一张包含不同单元格的表格。我需要做的是，当用户单击单元格时，该单元格将更改其类别并突出显示。这是完美的工作。

如果单击另一个单元格，我需要的是取消突出显示该单元格。

默认情况下，所有单元格都具有“未选择”类。单击时，类更改为“未选择的已选择”。想象一个单选按钮，这就是我需要它工作的方式。

$('.unselected').click(function() {
        $("td").find("unselected selected").removeClass("selected");
        $(this).toggleClass("selected", this.clicked);
});

有什么线索吗？

提前致谢。

Answer 1

所以，我一直在尝试，我找到了答案，所以我会发布代码。

我希望这将在不久的将来对某人有所帮助。

$('.unselected').click(function() {
        $("td.unselected.selected").toggleClass("selected");
        $(this).toggleClass("selected", this.clicked);
});