需要在執行某個功能後更改TD背景

我有一個腳本，可以在滿足條件時更改我的表的TR和TD背景。需要在執行某個功能後更改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'); }

來源

2012-06-03 Erik

爲什麼你使用'css'方法兩次：'CSS（ '背景'， '紅'），CSS（ '顏色'， '#FFF'）;'，它無論如何都會採用後者的顏色英寸那種情況。 – Sarfraz

當您通過JavaScript改變背景顏色，新樣式由元素的style屬性應用。

style屬性優先於來自class或id的定義。

您需要做的是將:hover設置爲!important表示法，告訴瀏覽器無論如何，那就是您想要的hover風格。

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

來源

2012-06-03 19:59:28 Zuul

添加!important到:hover財產，迫使它覆蓋內聯樣式。

或者，更好的是，使用一個類，而不是一個風格：

tr.BadRow td { 
    background: red; 
} 

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

來源

2012-06-03 19:59:17 SLaks

需要在執行某個功能後更改TD背景

回答

相關問題