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

Question

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

谢谢，
迈克

Answer 1

该方法将活动行存储到变量中。变量的起始处的$就是我自己的jQuery对象的匈牙利符号。

var $activeRow; 

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

Answer 2

如果你只是想找到有toggledClass项目，并把它们关掉使用jQuery：

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

Answer 3

为了更快的性能，你可以把你的选择元素的ID到一个var（或一个用于多个数组的数组）中，然后在关闭类时使用该数组遍历该数组。