如何获取选定的表格单元格背景颜色？

Question

我有一个显示信息的表格。表中的一列是注释列。在此注释列中，我使用一些 CSS 和 Jquery 创建了一个工具提示。我遇到的问题是，当我将鼠标悬停在单元格上时，它会正确显示工具提示，但是在将鼠标移开后会从单元格中擦除颜色（变为白色）。我希望它在鼠标移开后保持其颜色，但我不确定如何。

工具提示事件的当前代码（每个注释单元格都有注释类）：

$('.note').hover(
       function (event) {
           $(event.target).css({
               "white-space": "normal",
               "text-overflow": "clip",
               "background-color": "#eeeeee",
               "max-width": "200px",
               "position": "absolute"
           });
       }, function (event) {
           $(event.target).css({
               "white-space": "nowrap",
               "text-overflow": "ellipsis",
               "background-color": "transparent",
               "max-width": "200px",
               "position": "static"
           });
       }
   );

Answer 1

为此目的最好使用纯css，

.note:hover {
    white-space: normal;
    text-overflow: clip;
    background-color: #eeeeee;
    max-width: 200px;
    position: absolute;
}

在这种情况下，元素将在悬停后保留背景颜色和其他属性。