Jquery Search - 大文字と小文字を区別しない..どのように無視したのですか

Question

大文字の「N」という単語が「Nabeel」で、「n」を検索すると問題が見つかりません。このスクリプトで大文字と小文字を区別しないようにするには

$("#search-criteria").on("keyup", function() { 
 
    var g = $(this).val(); 
 
    $("a.recent_views.mainserach span.font").each(function() { 
 
    var s = $(this).text(); 
 
    if (s.indexOf(g) != -1) { 
 
     $(this).show(); 
 
    } else { 
 
     $(this).hide(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 

 
<input type="search" id="search-criteria" placeholder="Enter name………"> 
 

 
<a class="recent_views mainserach" href=""><br> 
 
    <span class="font">Nabeel</span><br> 
 
    <span class="font">Ali</span><br> 
 
    <span class="font">Faisal</span><br> 
 
</a>

Answer 1

これを試してみてください。

彼らは

$("#search-criteria").on("keyup", function() { 
 
    var g = $(this).val().toLowerCase(); 
 
    $("a.recent_views.mainserach span.font").each(function() { 
 
    var s = $(this).text().toLowerCase(); 
 
    if (s.indexOf(g) != -1) { 
 
     $(this).show(); 
 
    } else { 
 
     $(this).hide(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 

 
<input type="search" id="search-criteria" placeholder="Enter name………"> 
 
<a class="recent_views mainserach" href=""><br> 
 
    <span class="font">Nabeel</span><br> 
 
    <span class="font">Ali</span><br> 
 
    <span class="font">Faisal</span><br> 
 
</a>

Answer 2

使用

s.substring(0, 1).toUpperCase() 

Answer 3

は、単に屈折率整合.ANDケースinsensitive試合

とのより良い contains() jqueryの関数.itsで行う検索その後、小文字にしてください

$("#search-criteria").on("keyup", function() { 
 
    var val = $(this).val() 
 
    if (val) { 
 
    $("a.recent_views.mainserach span.font").hide() 
 
    $("a.recent_views.mainserach span.font:contains(" + val + ")").show() 
 
    } else { 
 
    $("a.recent_views.mainserach span.font").show() 
 
    } 
 
}) 
 

 
jQuery.expr[':'].contains = function(a, i, m) { 
 
    return jQuery(a).text().toUpperCase() 
 
    .indexOf(m[3].toUpperCase()) >= 0; 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 

 
<input type="search" id="search-criteria" placeholder="Enter name………"> 
 

 
<a class="recent_views mainserach" href=""><br> 
 
    <span class="font">Nabeel</span><br> 
 
    <span class="font">Ali</span><br> 
 
    <span class="font">Faisal</span><br> 
 
</a>