0

nth-class によって生成された代替色の行を持つテーブルがあります。それらをクリックして、クラスを変更して背景色を変更できるようにしたいと考えています。これは nth-child がなくても機能しますが、別の色にする必要があります。これはフォントの色を変更しますが、nth-child の背景色をオーバーライドしません。

行 CSS:

#messageLogTable tr:nth-child(odd):not([class=highlightNewInfoRow]):not([class=tableHeader]):not([class=clickedRow]) {
background-color:#DEDDCD;
}
#messageLogTable tr:nth-child(even):not([class=highlightNewInfoRow]):not([class=clickedRow]) {
background-color:#D0CFB9;
}

私はjQueryでそれを変更しようとします:

$('#'+entryId).removeClass('highlightClickableRow');
$('#'+entryId).addClass('clickedRow');

.clickedRow CSS:

.clickedRow {
background-color:#446121;
color:white;
cursor:pointer;
}
4

2 に答える 2

0

jQuery APIのドキュメントには、http：//api.jquery.com/even-selector/にあるほぼ正確な例が含まれています。

于 2012-10-03T22:46:59.480 に答える
0

私はそれを考え出した。追加するクラスの CSS を背景に変更しました: 色を変えない -webkit-linear-gradient 。それは正常に動作します。

于 2012-10-04T17:14:23.803 に答える