jquery - 单击另一行时取消突出显示行背景

Question

我正在使用 jQuery-contextMenu .我试图在左键或右键单击时突出显示行背景。

$('body').on('mousedown', 'tr', function() {
   $(this).css('backgroundColor', '#000');
});

contextMenu 以某种方式使其不稳定。你能建议我如何在 contextMenu 之前触发背景颜色吗？ 请参阅下面的 jsfiddle 以获得更好的主意。我还需要在单击另一行时取消突出显示前一行的背景。

http://jsfiddle.net/0f9Ljfjr/904/

Answer 1

如果您只想让一行在任何给定时间具有背景颜色，这并不是说 jQuery 插件在扰乱您的代码。只是你永远不会“取消”它。我会这样做:

var highlighted;
$('body').on('mousedown', 'tr', function() {
    if(highlighted) highlighted.css('backgroundColor', 'white');
  $(this).css('backgroundColor', 'lightseagreen');
  highlighted = $(this);
});

您存储突出显示的元素，并在每次绘制其他行时将其更改回来。

我已经更新了你的 jsfiddle:http://jsfiddle.net/0f9Ljfjr/909/