JSテーブル検索/並べ替え/フィルタ

Question

テーブルを検索する際に問題があります。私はlist.jsを試したように、しかしそれは動作しませんでした。私はこのコードを見つけましたが、それもうまくいきませんでした。

var $rows = $('#table tr'); 
     $('#search').keyup(function() { 
      var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase(); 

      $rows.show().filter(function() { 
       var text = $(this).text().replace(/\s+/g, ' ').toLowerCase(); 
       return !~text.indexOf(val); 
      }).hide(); 
     }); 

私はテストし、その機能はトリガーさえしません。私は警告でそれを試みた。ところで/

：：私はので、多分I'amはどこか間違いをして、問題を見ていないが、JS/jQueryを使ってI'amように良いことができません

<table id="table" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp"> 
    <tr> 
     <th></th> 
     <th>Jméno</th><th>Příjmení</th> 
     <th>Adresa</th><th>Datum narození</th> 
     <th>Pohlaví</th><th>Připomenutí</th> 
     <th>Poslední kontakt</th><th>Skupina</th> 
    </tr> 
    <tr style='cursor:pointer;' onclick='window.location.href = "./mf_contact_form.php?cid=168"'> 
     <td> 
      <span style='margin: 0px; padding: 0px; width:1px; background:#da00ff; float:left; margin-left: -20px; height: 100%;'></span><img src='[HIDDEN]' style='width: 64px; height: 64px; border-radius: 50%;'> 
     </td> 
     <td> 
      Test 
     </td> 
     <td> 
      Test 
     </td> 
     <td> 
      Test 
     </td> 
     <td> 
      5615-12-06 
     </td> 
     <td> 
      Muž 
     </td> 
     <td> 
      3x za týden 
     </td> 
     <td> 
      Žádná historie 
     </td> 
     <td> 
      gjh 
     </td> 
    </tr> 
</table> 

そしてそれ：これは表HTMLですPHPによって生成されますが、私はその問題を引き起こすとは思わない。

Answer 1

Yury Tarabankoさんは、コードが実行されているときに実際に入力できるのはconsole.log($('#search').length)です。長さが0の場合は、スクリプトタグを入力とテーブルの少なくとも下に挿入する必要があります）、またはDOM readyイベント$(function(){/*your code here*/})」を使用 - あなたはあなたのコードを実行された場合、コードが