如何在Javascript中更改表格单元格背景

Question

我在HTML中有这样的表格：

<table>
    <tr>
        <td>Cell 1</td>
    </tr>
    <tr>
        <td>Cell 2</td>
    </tr>
    <tr>
        <td>Cell 3</td>
    </tr>
</table>

如何在此单元格中更改鼠标移动时单元格的背景？如果光标远离单元格，则背景必须保留，但如果光标移动到另一个单元格，则必须重置背景。

Answer 1

因为您需要突出显示一个单元格，如果您包含jQuery，则可以使用此代码。

(function() {

   var current_cell;

   $('td').bind('mouseenter', function() {
      if (current_cell) {
         current_cell.removeAttr('id');
      };
      current_cell = $(this);
      current_cell.attr('id', 'highlight');
   });
})();

然后只使用一点css

td#highlight {
  background: ... ;
}