0

我尝试将 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');

    });
4

1 回答 1

2

使用该css()调用，您正在创建内联样式。这些总是覆盖那些在样式表中定义的（除了使用时!important，但最好避免）。

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

于 2012-05-21T16:56:08.010 回答