Javascript 单击时高亮显示表格单元格

我有这张桌子。我想做的是，当我单击一个单元格时，它应该高亮显示，再单击一次，高亮显示应该被清除。第二个问题是我想一个接一个地突出显示几个单元格，保持前面的突出显示。小提琴在这里：

$（函数（）{
$（'td'）。单击（函数（）{
$（this）.parents（'table'）.find（'td'）.each（函数（索引，元素）{
$（element.removeClass（'on'）；
});
$（this.addClass（'on'）；
});
});

23
57
62
1162
112
5.
162
88
77
62
199
211
57
64
144
9
这里有一个使用
切换类的简单解决方案：

$(function () {
    $('td').click(function () {
        $(this).toggleClass('highlight');
    });
});

小提琴手：
非常感谢！！这比我想象的要简单。