創建與變量選擇當變量的內容有

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; 
     }); 
});