フォトギャラリーの検索ボックスに大文字と小文字を区別しないようにするにはjquery

Question

人私は "初心者"です。私は小さな割り当てを持っています。私は "フォトギャラリー"の検索ボックスを作成する必要があります。 HTMLのリスト項目で "データキーワード"を使ってやっていましたが、大文字と小文字に対応するために作ったのですが、問題は大文字と小文字を区別したいのですが、どうやってそれを行うのか分かりません。 RegEx以外の "：contains"セレクタにはいくつかの提案がありますが、それらの提案を実装できないか、コードを完全に駄目にしてしまいます。ここにコードhttps://jsfiddle.net/Lnvaagd3/ありがとうございます:)！

$("#search").keyup(function() { 

    var currentQuery = $("#search").val(); 

    if (currentQuery !== "") { 

     $("#list li").fadeOut(100); 

     $("#list li").each(function() { 

      var currentKeyword = $(this).attr("data-keywords"); 

      if (currentKeyword.toLowerCase().indexOf(currentQuery) >= 0) { 

       $(this).fadeIn(200); 

      } else if (currentKeyword.toUpperCase().indexOf(currentQuery) >= 0) { 

       $(this).fadeIn(200); 
      } 

     }); 

    } else { 

     $("#list li").fadeIn(200); 

    } 

}); 

Answer 1

使用してみてください：

var currentQuery = $("#search").val().toLowerCase(); 
// ----------------------------------^^^^^^^^^^^^^^ 

そして、あなたはelse ifを必要としないことを使用。

こうcurrentQueryとcurrentKeywordが小文字になります両方、つまり、この行：

if (currentKeyword.toLowerCase().indexOf(currentQuery) >= 0) { 

は大文字小文字を区別しないよう行動します。

希望します。