jquery - 函数执行后需要通过改变TD背景

Question

我有一个脚本，它非常适合在满足条件时更改表格的 TR 和 TD 背景。

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

有没有办法通过这些行的悬停工作来保持我的背景变化？

这是我当前的 CSS，它适用于不受条件函数影响的行。

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

埃里克

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

Answer 1

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

该style属性优先于 aclass或中的定义id。

你需要做的，就是设置:hover一个!important符号，告诉浏览器无论如何，这就是hover你想要的样式。

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

Answer 2

添加!important到:hover属性以强制它覆盖内联样式。

或者，更好的是，使用类而不是样式：

tr.BadRow td {
    background: red;
}

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