单击时突出显示行，单击其他位置时突出显示取消突出显示

Question

我是jQuery的新手，当用户点击单元格时，我尝试突出整行，它到目前为止工作。但是，我想在用户点击其他位置或其他行时选择该行时取消突出显示该行。

这是我的代码，用于突出显示该行，但我不知道将其取消突出显示。

// Highlight Select Row
$("#mytable td").click(function() {
    $(this).css('background-color','#f00');
    $(this).parent().css("border", "yellow solid 2px"); 
});

请帮忙，
谢谢，

Answer 1

使用类来执行此操作，例如

    .highlight
     {
      background-color : #f00 !important;
     }

然后在你的脚本中

     $("#mytable td").click(function() {
        $("#mytable td").removeClass("highlight");
        $(this).addClass("highlight");

     });

如果您想删除突出显示，请使用

      $("#mytable td").removeClass("highlight");

希望这有帮助。