javascript検索 - 大文字と小文字を区別しない

Question

このコードで大文字と小文字を区別することに問題があります。 （http://jsfiddle.net/bizamajig/radzq2o2/）

$(function(){ 
    // Instantiate MixItUp: 
    $container = $('.cd-gallery') 
    $container.mixItUp(); 
    $('#filter').keyup(function(){ 
     var val = $(this).val(); 
     var state = $container.mixItUp('getState'); 
     var $filtered = state.$targets.filter(function(index, element){ 
     return $(this).text().toString().indexOf(val.trim()) >= 0; 
     }); 

     $container.mixItUp('filter', $filtered); 
    }); 
    }); 

しかし、私は、このコードは大文字と小文字を区別しないようにように見えることはできません - このコードは、オンラインで発見された 。 私はさまざまなことを試みましたが、何も効果がありませんでした。誰でも助けてくれますか？

大文字と小文字を区別しないようにするには、上記のコードが必要です。

ありがとうございました！

Answer 1

だけ

return $(this).text().toString().toLowerCase().indexOf(val.trim().toLowerCase()) >= 0; 

に

return $(this).text().toString().indexOf(val.trim()) >= 0; 

を変更するには、toLowerCase()の使用を注意してください。私たちは基本的に両方の文字列を比較する前に小文字と比較しています。 http://jsfiddle.net/kykuwppL/

Answer 2

両方の文字列.toLowerCaseを（変換）：提案変化に

あなたのフィドルのフォーク、 var val = $(this).val().toLowerCase(); return $(this).text().toString().toLowerCase().indexOf(val.trim()) >= 0;

$(function(){ 
    // Instantiate MixItUp: 
    $container = $('#projects') 
    $container.mixItUp(); 
    $('#filter').keyup(function(){ 
     var val = $(this).val().toLowerCase(); 
     var state = $container.mixItUp('getState'); 
     var $filtered = state.$targets.filter(function(index, element){ 
     return $(this).text().toString().toLowerCase().indexOf(val.trim()) >= 0; 
     }); 

     $container.mixItUp('filter', $filtered); 
    }); 
    });