使用jQuery高亮显示选定的ASP.NET DataGrid行

Question

通过在tr的click事件中使用toggleClass，可以轻松地突出显示选定的datagrid行。 但是，如何在选择其他行后最好删除突出显示？对于较大的datagrid，迭代所有行以取消突出显示可能变得昂贵。我对最简单的解决方案和最有效的解决方案感兴趣。

谢谢，
Mike

- Mike

Answer 1

如果你只想找到具有toggledClass并使用jQuery将其关闭：

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

- Adam Bellaire

---

太好了！函数式编程很美丽。 - Mike

Answer 2

这个方法将活动行存储到一个变量中。变量开头的$符号只是我自己使用的jQuery对象的匈牙利命名法。

var $activeRow;

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

- nickf

Answer 3

为了更快的性能，您可以将所选元素的ID推入变量中（或对于多个元素，可以使用数组），然后在切换类时使用该变量/迭代该数组。

- Adam Bellaire