Question

我尝试为表中的一行应用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');

    });

Answer 1

使用css()调用，您将创建内联样式。它们总是覆盖样式表中定义的那些（除非使用!important，但最好避免使用）。

关键是，如果使用css()，则如果类名定义相同的属性，则不会应用类名。首先删除您添加的CSS样式（{'color':'', 'font-weight':''}），然后类名应该到位。

addClass / removeClass不适用

1 个答案: