2017-02-07 2 views
0

テーブルの全文検索を実装する必要があります。 This fiddleは私が見つけたスニペットですが、テーブルの最初の列、つまりID列だけを検索します。テーブル全体を検索するには、これを改善する必要があります。コード:jQueryのフルテキストテーブルの検索

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

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

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

      if (id.indexOf(value) !== 0) { 
       $row.hide(); 
      } 
      else { 
       $row.show(); 
      } 
     } 
    }); 
    }); 
}); 

私はvar id = $row.find("td").text();で試してみましたが、役に立たなかったです。 任意の助けをいただければ幸いです。..あなたの使用のために

+0

ホイールを再発明しないでください。[DataTables](https://datatables.net/) – DelightedD0D

+0

あなたが見つけたスクリプトを使用したいのであれば、それをabビットに変更するだけです:https://jsfiddle.net/878d1n41/ –

+0

DataTablesは有望に見える - 間違いなく試してみる:)ありがとう。 – Houdasek

答えて

1

uはちょうど条件ABビットに変更する必要があります。

をFROM:

if (id.indexOf(value) !== 0) { 

TO:

if (id.indexOf(value) === -1) { 

COMPLETE:

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

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

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

      if (id.indexOf(value) === -1) { 
       $row.hide(); 
      } 
      else { 
       $row.show(); 
      } 
     } 
    }); 
    }); 
}); 
+0

うわー!それは簡単だった...私はまだ多くのことを学ぶ必要があるように見える:)非常にありがとう:) – Houdasek