如何使这个 Jquery 过滤器不区分大小写？

Question

我正在尝试为 html 列表框创建过滤器。列表框从 mysql 数据库填充并正确加载所有内容。我有一个我输入的文本框，列表过滤器完全基于输入的内容。我真的需要这个不区分大小写。换句话说，如果我输入一个大写字母 A，该函数会返回所有以大写字母 A 开头的条目，我需要它返回所有以 a 开头的条目，无论大小写如何。

这是函数

$('#custsearch').keyup(function () {
var valThis = this.value;
    lenght  = this.value.length;

$('.cust').each(function () {
    var text  = $(this).text(),
        textL = text,
        htmlR = '<b>' + text.substr(0, lenght) + '</b>' + text.substr(lenght);
    (textL.indexOf(valThis) == 0) ? $(this).html(htmlR).show() : $(this).hide();
});

});

Answer 1

使用 toLowerCase() 将两个值转换为小写，然后比较它们

$('#custsearch').keyup(function() {
  var valThis = this.value,
    length = valThis.length;
  $('.cust').each(function() {
    var $this = $(this),
      text = $this.text(),
      htmlR = '<b>' + text.substr(0, length) + '</b>' + text.substr(lenght);
    (text.toLowerCase().indexOf(valThis.toLowerCase()) == 0) ? $this.html(htmlR).show(): $this.hide();
  });
});