JS 테이블 검색/정렬/필터

테이블을 검색 할 때 문제가 있습니다. list.js를 시도한 것처럼 작동하지만 작동하지 않습니다. 이 코드 조각을 찾았지만 작동하지 않았습니다.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(); 
     });

그리고 그 기능은 트리거되지 않습니다. 나는 그것을 경계심으로 시도했다. BTW/

: 나는 그래서 아마 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에 의해 생성되지만 그 문제가 발생할 것이라고 생각하지 않습니다.

출처

2016-07-20 Slouchy

는'#의 seach' 입력이 실제로 사용할 수 있나요 실행되었을 때 입력을 사용할 수 없습니다? 'console.log ($ ('# search'). 길이)'를 사용해보십시오. 길이가 0 인 경우 스크립트 태그를 본문 끝 (최소한 입력 및 테이블 아래)에 삽입하거나 dom 준비 이벤트'$ (function() {/ * 사용자 코드 * /}) '를 사용해야합니다. –

그 일, 고마워. – Slouchy

Yury Tarabanko 당신이 당신의 코드를 실행하는 경우 ("#search 입력 실제로 사용할 수 있습니까? console.log($('#search').length)을보십시오. 길이는 당신이어야 입력 및 테이블 아래에 몸의 끝 부분 (에서 하나 넣어 스크립트 태그를 추가 할 필요가 0 인 경우 말했듯) 또는 사용 DOM ready 이벤트 $(function(){/*your code here*/}) "- Yury Tarabanko)

코드가 당신이 당신의 코드를 실행하는 경우

출처

2016-07-20 11:19:06 Slouchy

JS 테이블 검색/정렬/필터

답변

관련 문제