выберите меню, которое фильтрует таблицу по строкам

Question

Может ли кто-нибудь взглянуть на мою скрипку и сообщить мне, где я ошибаюсь? Я просто хочу проверить второй столбец в таблице, и если он содержит какие-либо слова в выбранном меню выбора, он должен показать эту строку.

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

Answer 1

вам нужно изменить, если заявление на это:

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(); 
         } 
        } 
       });    

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