Question

我有这样的代码：

    if ($(this).css("background-color")==="rgb(217, 217, 217)") {
        $(this).css("background-color", "#999");
    }else{
        $(this).css("background-color", "#fff");
    }

但是bg颜色rgb（217,217,217）是悬停BG变色效果......

当我改变我的div的bg颜色..... ---＆GT; jquery正在添加“style =”...“属性到我的DIV，

但之后我的css悬停代码不再起作用了，因为“style”属性阻止了我的“class”属性......

那么如何在不将style =“”属性直接添加到我的DIV中的情况下使用jquery CSS类属性进行更改？

感谢任何帮助

这是我的小提琴演示

https://jsfiddle.net/qcvcga8k/24/

请点击名称“Manuel Neuer”（列表中的第1个）在BG变为灰色后，再次点击名称.... BG再次变为白色，但悬停效果丢失...

如果你对我有任何暗示，我会很高兴;）

THX

亚历

Answer 1

在<style>元素中为此定义一个CSS类：

tr:selected { background-color: #999 }

然后替换你的代码：

if ($(this).css("background-color")==="rgb(217, 217, 217)") {
    $(this).css("background-color", "#999");
}else{
    $(this).css("background-color", "#fff");
}

用这个：

$(this).toggle('.selected');

Jquery - 更改CSS属性（但不要将“style”属性添加到div）

1 个答案: