Question

我正在尝试在该行中选中单选按钮时更改表格行颜色：

$(".myCheckbox").click(function(){
    $(this).closest("tr").toggleClass("highlightRow", this.checked);
});

出于某种原因，当我使用FireBug查看结果时，我会在检查时看到以下内容：

<tr class="highlightRow .highlightRow">

如何以两个类结束，一个带点？

CSS

.highlightRow {
    background-color: #ccc;
}

也尝试过：

.highlightRow TD {
    background-color: #ccc;
}

Answer 1

您必须在Javascript中的任何位置或原始HTML中的任何位置撰写.highlightRow。请再次检查或发布所有Javascript和所有HTML。

除了形式：this solution到目前为止更好。 ;）

Answer 2

我认为代码无需添加第二个参数即可运行：

$(".myCheckbox").click(function(){
    $(this).closest("tr").toggleClass("highlightRow");
});

可能有效的CSS：

.myCheckBox td
{
  background-color: rgb(150, 150, 150);
}

Answer 3

这回答了这里：

通过jQuery高亮插件：