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

Posted 2023-05-08

【中文标题】使用 jQuery 突出显示选定的 ASP.NET DataGrid 行

【英文标题】：Using jQuery to Highlight Selected ASP.NET DataGrid Row

【发布时间】：2010-09-14 06:00:40

【问题描述】：

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

谢谢， 迈克

【参考方案1】：

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

var $activeRow;

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

【参考方案2】：

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

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

【讨论】：

太棒了！函数式编程很漂亮。

【参考方案3】：

为了获得更快的性能，您可以将所选元素的 ID 推送到 var（或多个数组）中，然后在关闭类时使用该 var/迭代该数组。