jQuery를 사용하여 간단한 테이블 필터를 작성하는 방법은 무엇입니까?

Question

jQuery를 사용하여 간단한 테이블 필터를 효과적으로 만들 수 있습니까? 페이지 매김에 대해 신경 쓰지 않습니다.

list -> 데이터를 선택하십시오.

저는 플러그인을 사용하고 싶지 않습니다. 짧은 코드를 사용하는 것을 선호합니다.

예 :

Answer 1

$('#inputFilter').keyup(function() { 
    var that = this; 
    $.each($('tr'), 
    function(i, val) { 
     if ($(val).text().indexOf($(that).val()) == -1) { 
      $('tr').eq(i).hide(); 
     } else { 
      $('tr').eq(i).show(); 
     } 
    }); 
}); 

CHECH THIS

Answer 2

, 입력 필드의 값으로 행의 innerHTML을 나타내는 시험/검사 - 결과에 따라 콘텐츠를 숨기는보십시오.

$('#test').bind('keyup', function() { 
    var s = new RegExp(this.value); 
    $('tr').each(function() { 
     if(s.test(this.innerHTML)) $(this).show(); 
     else $(this).hide(); 
    }); 
}); 

JSFIDDLE 예제 테이블과 입력 필드

편집

대신 innerHTML을의 .text()을 사용하는 것이 좋습니다 수 있습니다. 성능에 따라 innerHTML이 더 좋을 수도 있지만 .text()은 html 태그를 유효한 검색 결과로 허용하지 않습니다. JSFIDDLE # 2.

Answer 3

나는 보통이 함께 도움이되지 않습니다,하지만 난 오늘 아침 지루있어 ...

http://jsfiddle.net/hHJxP/