jQuery突出显示多个单元格

时间:2018-11-07 16:35:31

标签: jquery

我可以使用以下代码一次突出显示两个具有相同值的单元格。 我想突出显示具有相同值的多个单元格。我的意思是在突出显示一对之后,我想保留先前的突出显示,然后单击一下。这是我的jsfiddle。请问我可以帮忙吗?谢谢。

注意:我希望能够在同一单元格中的第二次单击上禁用突出显示。

 $(function(){
  $("table td").on("click", function(){
     $("table td").toggleClass("highlighted", false);
     var ele=$(this).html();
     $("table td:contains("+ele+")").filter(function() {
  return $(this).text() == ele;
     }).toggleClass("highlighted", true);     
  });
});

1 个答案:

答案 0 :(得分:1)

toggleClass通过添加或删除类来工作,因此您只需.toggleClass("highlighted")

 $(function() {
   $("table td").on("click", function() {
     var ele = $(this).text();
     $("table td:contains(" + ele + ")").filter(function() {
       return $(this).text() == ele;
     }).toggleClass("highlighted");
   });
 });