javascript - 选择时更改网格行颜色

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所有更改，将其从所有行中删除并将其添加到您想要的单行中。