Javascript addClass/removeClass不'；不适用

我尝试为表中的一行应用addClass和removeClass，但由于某些原因，没有应用addClass和removeClass样式。 由于它们不起作用，我尝试使用css，但这一个使我的代码更加冗余，将相同的样式应用于某些字段。任何帮助都将不胜感激。谢谢

来自萤火虫

<tr style="color: red; font-weight: bold; background: none repeat scroll 0% 0% rgb(255, 255, 255); cursor: pointer;" class="state-selected"><td style="padding:2.5px 0px 2.5px 2px;">Equipment</td></tr>



.state-selected {
    }

设备
.选定的州{
}

我已经在jsp页面顶部定义了样式

<style type="text/css">
.state-selected {
    color: 'red';
    font-weight: 'bold';
}
 </style>    
$("#index tr:gt(0)").hover(

    function () {
        $(this).css({
            'background': '#e9e7e7',
            'cursor': 'pointer'
        });
    }, function () {
        $(this).css({
            'background': '#ffffff',
            'cursor': 'pointer'
        });
    }).click(function (e) {
        $("#index tr").removeClass('state-selected');
        $(this).addClass('state-selected');

    });

.选定的州{
颜色：红色；
字体大小：“粗体”；
}
$（“#索引tr:gt（0）”。悬停(
函数（）{
$（this.css）({
“背景”：“e9e7e7”，
“游标”：“指针”
});
}，函数（）{
$（this.css）({
“背景”：“ffffff”，
“游标”：“指针”
});
})。单击（功能（e）{
$（“#index tr”）.removeClass（'state-selected'）；
$（this.addClass（'state-selected'）；
});

使用

css（）

调用，您正在创建内联样式。这些总是覆盖样式表中定义的样式表（除非使用了

！important

，但最好避免）

---

关键是，如果您使用

css（）

，那么如果类名定义了相同的属性，则它们将不适用。首先删除您添加的CSS样式（

{'color'：''，'font-weight'：''}

），然后类名应该就位。

该CSS是否在

块中？如果不是，那就是你的问题。如果是，那么你应该更准确地将其粘贴到问题中，以反映这一点。如果没有实际看到包含所有css和html的示例，很难说。TD上可能有一个覆盖样式，或者前面的注释中缺少样式块。请尝试

tr.state-selected{…}

，您的css类必须位于外部文件或

块中的html文件中。缺少分号可能是罪魁祸首。@Pointy当然，我已经定义了样式块。我可以为其他元素应用样式，但只有addClass和removeClass没有应用样式，因为这些样式没有使用我一直使用的类.css（）。@user525146:您应该只发布一个示例代码，而不是混合解决方案。