Question

我有一个结果列表包含Uppercases和Lowercases。

我的问题是我无法在小写字母中搜索（以小写字母键入关键字）它无法找到任何结果。

这是使用1个输入过滤列表的代码。我正在使用jquery：

<script language="javascript" type="text/javascript">
  function filter(element) {
    var value = $(element).val();

    $("#filtro_mod > ul > li").each(function() {
      if ($(this).text().search(value) > -1) {
          $(this).show();
      }
      else {
           $(this).hide();
      }
    });
  }
</script>
<html>
  <p>
    <label for="filtro">Filter by model:</label>
    <input id="filtro" name="filtro" type="text" onkeyup="filter(this)" />
  </p>
  <div id="filtro_mod">
    <ul>
      <li><strong>145GB 10K Ultra320 SCSI Pluggable Hard Drive</strong></li>
      <li><strong>15 BL465c IB Cluster</strong></li>
      <li><strong>05370-xx1 DL380 G3 cluster</strong></li>
      <li><strong>AlphaServer GS320 Model 32</strong></li>
      <li><strong>AMD Opteron 254 2.8GHz SC E BL25p Processor Kit</strong></li>
    </ul>
  </div>
</html>

Answer 1

<强> jsFiddle Demo

通常你要做的就是将你要搜索的值和你要搜索的文本都设置为大写。

var value = $(element).val().toUpperCase();//value you are looking for

以后

if ($(this).text().toUpperCase().search(value) > -1)//text you are searching in

如何使用jquery过滤大小写？

1 个答案: