テーブル全体を検索可能にする

Question

検索バーを使用してテーブルを検索可能にしようとしています。コードを追加しましたが、テーブルの最初の列でのみ検索します。私はテーブルのすべての列を検索可能にしたい。どうすればいいの？ここに私のコードです。

$("#search").on("keyup", function() { 
    var value = $(this).val(); 

    $(".table tr").each(function(index) { 
     if (index !== 0) { 

      $row = $(this); 

      var id = $row.find("td:first").text(); 

      if (id.indexOf(value) !== 0) { 
       $row.hide(); 
       //$row.html('Records not found!'); 

       //$(".norecord").html('<td colspan="9">Records not found!</td>'); 
      } 
      else { 
       $row.show(); 

      } 
     } 


    }); 
}); 

Answer 1

削除]を：最初の 'クエリ$row.find("td").text()からその行のすべての列のテキストを返す必要があります。

Answer 2

"indexOf"ではなくregexを使用します。このような何か：

if ($(this).text().search(new RegExp(value, "i")) > -1) { 
    $(this).parents("tr").show(); 
} else { 
    $(this).parents("tr").hide(); 
} 

DEMO：https://jsfiddle.net/7qkgf14d/1/

そして、あなたがしたい場合は、その後、後で、あなたがして、検索したい列で指定することができます。