テーブルを行単位でフィルタリングするメニューを選択

Question

誰かが私のフィドルを見て、どこに間違っているのか教えていただけますか？テーブルの2番目の列を確認したいだけです。選択されている選択メニューの単語が含まれている場合は、その行が表示されます。

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

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