网格行颜色更改选择

Question

我想在选择一行时更改行颜色，但在此之后，我无法重置另一行的上一个颜色。我正在使用jQuery函数。

注意：此网格中的所有行都有一个交替的颜色系统。

Javascript代码：

function ChangeRowColor(rowID) {
    $('#' + rowID).removeClass('DataRow');
    $('#' + rowID).addClass('DataRow1');
}

Answer 1

不要删除原始类

function ChangeRowColor(rowID) {
    $('tr').removeClass('highlighted');
    $('tr#' + rowID).addClass('highlighted');
}

为类.highlighted提供所有更改，将其从所有行中删除，然后将其添加到所需的单行中。