헤더가 필터링 할 유형으로 강조 표시되지 않았습니다.

Question

유형을 사용하여 텍스트 상자를 필터링합니다. 여기서 yser는 강조하려는 데이터를 입력합니다. 텍스트 상자에 입력 된 데이터는 html 테이블의 행과 비교하여 검사됩니다. 입력 된 데이터를 포함하는 행이 표시되고 다른 행은 숨겨집니다.

내 문제는 예상대로 작동하지만 문제는 헤더가 숨겨져 있다는 것입니다. 강조 표시된 행과 함께 헤더를 보여주는 방법이 있습니까? 다음은

내가 스크립트 사용하고 있습니다 :

이

function Search() { 

      var value = $('input[id$="txtSearch"]').val(); 
      if (value) { 

       $('#table-2 tr:not(:first:hidden)').each(function() { 
        var index = -1; 
        //$(this).children('td.hiddencls').each(function() { 
        $(this).children('td').each(function() { 
         var text = $(this).text(); 
         if (text.toLowerCase().indexOf(value.toLowerCase()) != -1) { 

          index = 0; 

          return false; 
         } 
        }); 
        if (index == 0) { 
         $(this).show(); 


        } 
        else { 
         $(this).hide(); 

        } 
       }); 

      } 
      else 
       $('#table-2 tr').show(); 

     } 

친절하게 여러분의 소중한 제안을 제공합니다 ..

Answer 1

$('#table-2 tr>th').parent().show(); 

작동합니다 검색() 정의의 끝이 퍼팅 (헤더 행에 td 대신 th 태그가 있다고 가정합니다.)

그렇지 않으면 tr y this

$('#table-2 tr:first').show();