変数の内容は、私はこのjQueryのを作成しました

Question

引用符を持っている場合、変数を持つセレクタを作成：

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