Jquery 执行功能后需要通过更改TD后台

Jquery 执行功能后需要通过更改TD后台,jquery,hover,row,html-table,Jquery,Hover,Row,Html Table,我有一个脚本,可以在满足条件时更改表的TR和TD背景 但是CSS背景悬停不适用于这些行 有没有办法通过对这些行进行悬停操作来保持我的背景更改 下面是我当前的CSS,它适用于不受条件函数影响的行 table.tablesorterPRINT tr.odd:hover td {background-color: #6F0;cursor:pointer;} 埃里克 if(qty=max){$(this).parent('tr').children('td').css('background','r

我有一个脚本,可以在满足条件时更改表的TR和TD背景

但是CSS背景悬停不适用于这些行

有没有办法通过对这些行进行悬停操作来保持我的背景更改

下面是我当前的CSS,它适用于不受条件函数影响的行

table.tablesorterPRINT  tr.odd:hover td {background-color: #6F0;cursor:pointer;}
埃里克

if(qty=max){$(this).parent('tr').children('td').css('background','red').css('background','FFF');}

添加
!重要信息
:悬停属性以强制其覆盖内联样式

或者,最好使用类而不是样式:

tr.BadRow td {
    background: red;
}

$(this).parent().addClass('BadRow');

通过JavaScript更改背景颜色时,新样式将由元素上的
style
属性应用

style
属性优先于
class
id
中的定义

您需要做的是设置
:用
鼠标悬停
!重要提示
notation,告诉浏览器无论发生什么,这都是您想要的
悬停
样式

table.tablesorterPRINT  tr.odd:hover td {
  background-color: #6F0!important;
  cursor:pointer;
}

为什么要使用
css
方法两次:
css('background','red').css('color','FFF'),在这种情况下,它将应用后一种颜色。
table.tablesorterPRINT  tr.odd:hover td {
  background-color: #6F0!important;
  cursor:pointer;
}