Question

It is easy to highlight a selected datagrid row, by for example using toggleClass in the tr’s click event. But how best to later remove the highlight after a different row has been selected? Iterating over all the rows to unhighlight them could become expensive for larger datagrids. I’d be interested in the simplest solution, as well as the most performant.

Thanks,
Mike

Answer 1

This method stores the active row into a variable. The $ at the start of the variable is just my own hungarian notation for jQuery objects.

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