검색시 테이블 행 필터링

Question

검색 막대에 입력 한 텍스트의 결과를 표시하기 위해 테이블의 행을 필터링하려고합니다. 아래 코드는 작업을 수행하지만 어떤 이유로 열 표제도 필터링합니다.

$('#search').keyup(function() { 
    var data = this.value.split(" "); 
    var rows = $(".Info").find("tr").hide(); 
    if(this.value ==""){ 
     rows.show(); 
     return; 
    } 
    rows.hide(); 
    rows.filter(function(i,v){ 
     var t = $(this); 
     for (var d = 0; d < data.length; d++) { 
      if (t.is(":Contains('" + data[d] + "')")) { 
       return true; 
      } 
     } 
     return false; 
    }).show(); 
}); 

HTML

<input type = "search" name = "search" id = "search"> 
<table style ="width:95%" class = "Info"> 
    <tr> 
     <th>Select </th> 
     <th>Name</th> 
     <th>Number</th> 
     <th>Date</th> 
    </tr> 
</table> 

사용자는 내가 그것을 위해 어떤 HTML을 작성하지 않은 이유입니다 행을 추가합니다.

도움을 주시면 감사하겠습니다. 있다() 선택 : 당신이 jQuery의를 사용하는 것이 작업을 수행 tbody

<table style ="width:95%" class = "Info"> 
<thead>  
<tr> 
     <th>Select </th> 
     <th>Name</th> 
     <th>Number</th> 
     <th>Date</th> 
    </tr> 
<thead> 
<tbody> 

</tbody> 
</table> 

var rows = $(".Info tbody tr").hide(); 

Answer 1

http://jsfiddle.net/szjhngwm/

것 같습니다.

var rows = $(".Info").find("tr:gt(0)").hide(); 

주의하여 tr-:gt(0)의 추가 : 바꿀 것

유일한 것은이 라인입니다.

Answer 2

또 다른 방법을 사용하여 필터링해야처럼 미리 감사는