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

试试这个。

将它们设为小写，然后搜索

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

使用

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

Answer 3

使用contains() jquery函数。使用索引匹配更好。与案例insensitive匹配

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

Jquery搜索 - 不区分大小写..如何忽略

3 个答案: