创建与变量选择当变量的内容有

Question

我创建这个jQuery的报价：

$(document).ready(function() { 
     $(".responsivetable").on("click", "td", function() { 
      var content = $(this).text(); 
      var index = ($(this).index()); 
      $(".responsivetable tr td:nth-child(" + (index + 1) + "):contains('" + content + "')").addClass('kleur1'); 

     }); 
    }); 

它的作用是，当你点击一个表格单元格（TD）所有其他TD的中同一列，具有相同的内容，获得特定的类。

所以，当你点击名字'John'的列时，那个'John'列中的所有单元格都会得到一个cssclass。

这是有效的，但不是当内容包含单引号时，如nov '16。

我认为这是因为字符串连接中断，但我该如何解决这个问题？

（其他途径来解决我想也欢迎来完成的事情。）

Answer 1

$(".responsivetable").on("click", "td", function() { 
    var content = $.trim($(this).text()).toLowerCase(), 
     index = $(this).index() + 1, 
     $candidates = $(".responsivetable tr td:nth-child(" + index + ")"); 

    $candidates 
     .removeClass("kleur1") 
     .filter(function() {  
      return $(this).text().toLowerCase().indexOf(content) > -1; 
     }) 
     .addClass('kleur1'); 
}); 

备选：

$(".responsivetable").on("click", "td", function() { 
    var content = $.trim($(this).text()).toLowerCase(), 
     index = $(this).index() + 1, 
     $candidates = $(".responsivetable tr td:nth-child(" + index + ")"); 

    $candidates 
     .toggleClass("kleur1", function() { 
      return $(this).text().toLowerCase().indexOf(content) > -1; 
     }); 
});