jquery - 将表格单元格放在单击上 - jquery

Question

我有一个 HTML 表格，

单击任何单元格时，我想使用 css 突出显示该单元格，直到单击另一个单元格

我想，我将为该单元格设置焦点并为焦点设置 css

但它不起作用..

我的代码如下:

$('td').click(function (event) {
    //$(this).tabindex = 0; 
    //$(this).tabindex = 1;
    $(this).focus();
});

和css如下

td:focus
{
    background-color:Blue;
}

我认为，我不能将类添加到 td 因为当其他单元格单击时我必须删除这个类..

请帮助我实现我的要求。

另外请让我知道是否有任何其他方法可以实现此目的或任何解决方法..

Answer 1

尝试:

$('td').click(function (event) {
      $('td').removeClass('focus'); //Remove focus from other TDs
     $(this).addClass('focus');
});

和

td.focus { background-color:Blue; }