使用jQuery突出显示选定的ASP.NET DataGrid行

Question

通过在tr的click事件中使用toggleClass，可以很容易地突出显示所选的数据网格行。但是如何在选择不同的行后最好删除突出显示？迭代所有行以取消高亮显示它们对于较大的数据网格而言可能会变得昂贵。我对最简单的解决方案以及最高效的解决方案感兴趣。

谢谢，
迈克

Answer 1

如果您只想查找具有 toggledClass 的项目，请使用jQuery将其关闭：

$('.toggledClass').removeClass('toggledClass');

Answer 2

此方法将活动行存储到变量中。变量开头的$只是我自己的jQuery对象的匈牙利表示法。

var $activeRow;

$('#myGrid tr').click(function() {
    if ($activeRow) $activeRow.removeClass('active');
    $activeRow = $(this).addClass('active');
});

Answer 3

为了提高性能，您可以将所选元素的ID推送到var（或多个数组），然后在关闭类时使用该数组的var / iterate。