фокусировать ячейку таблицы по щелчку - jquery

У меня есть таблица HTML,

при нажатии любой ячейки я хочу выделить эту ячейку с помощью css, пока не будет нажата другая ячейка

Я подумал, я установлю фокус для этой ячейки и установлю css для фокуса

, но он не работает ..

мой код выглядит следующим образом:

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

и css следующим образом

td:focus
{
    background-color:Blue;
}

Я думаю, я не могу добавить класс в td , потому что, когда щелкнула другая ячейка, я должен был удалить этот класс тогда ..

Пожалуйста, помогите мне выполнить мои требования.

Также, пожалуйста, дайте мне знать, есть ли другой способ добиться этого или какие-либо решения ..