Fotoğraf galerisi arama kutusuna duyarlı olmayanlar nasıl eklenir jquery

Question

millet Ben "newbie". Küçük görevim var. "Fotoğraf Galerisi" için bir arama kutusu oluşturmalıyım. HTML liste öğelerinde "veri-anahtar kelimeler" kullanarak yaptım, ayrıca küçük ve büyük harflere yanıt verdim, ancak sorun, büyük/küçük harf duyarsız olmak istiyorum, ancak nasıl yapılacağını anlayamıyorum. RegEx ile diğer ": içerir" seçicisiyle ilgili bazı öneriler var, ancak bu önerileri uygulayamıyorum veya kodu tamamen dağıtabiliyorum. İşte kod https://jsfiddle.net/Lnvaagd3/ Önceden teşekkürler :)!

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

Ve else if gerek olmayacak kullanarak:

$("#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

kullanmayı deneyin.

Bu şekilde currentQuery ve currentKeyword başka bir deyişle, küçük harfle olacak, bu hat hem:

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

duyarsız vaka olarak hareket edecektir.

Yardım edin.