행별로 표를 필터링하는 선택 메뉴

Question

누구든지 내 피들 훑어보고 내가 잘못 가고있는 부분을 알려줄 수 있습니까? 난 그냥 테이블의 두 번째 열을 확인하고 선택 메뉴에서 단어 중 하나를 포함하는 경우, 그 행을 표시해야합니다.

http://jsfiddle.net/fuelishways/sEUSn/

Answer 1

당신이 당신의 if 문을 변경해야합니다

if (check && check.indexOf(letter) > 0) { 
    $(this).parent().show(); 
} 

귀하의 상태가 선택된 값이 좋아되지 않은 경우에만 사실이었다 (== 대신>의). 또한 each() 루프 내에서 부모를 가져 오려면 항상 현재 객체를 참조해야합니다.

웹 사이트에서 $(document).ready() 이벤트 코드를 래핑해야합니다. 이 시도 : 바이올린에서 작동하는 듯하지만,

jQuery(document).ready(function() { 
    jQuery('select.filterMe').change(function(e) { 
     var letter = jQuery(this).val(); 
     if (letter === 'ALL') { 
      jQuery('tr').show(); 
     } 
     else { 
      jQuery('tr').each(function(rowIdx,tr) { 
       jQuery(this).hide().find('td').each(function(idx, td) { 
        if(idx === 0 || idx === 1) { 
         var check = jQuery(this).text(); 
         if (check && check.indexOf(letter) > 0) { 
          jQuery(this).parent().show(); 
         } 
        } 
       });    

      }); 
     }    
    });​ 
});​