jQuery：contains()选择器大写和小写字母的问题

<input id="txt" value=""></input>

<div class="link-item">jK</div>
<div class="link-item">JFOO</div>

$('#txt').keyup(function(){

    var txtsearch = $('#txt').val();
    var filt = $("div.link-item:contains('" + txtsearch +"')");

    $("div.link-item").css("display","none")
        .filter(filt)
        .css("display","block");

});

您可以将.contains过滤器更改为不区分大小写,或创建自己的选择器.

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

这将创建一个新的选择器：icontains(或者你可以命名它不敏感 – 包含,或任何适合你的想法).
它的用法与以下内容相同：$(‘div：icontains(“Stack”)’);会匹配：

<div>stack</div>
<div>Stack</div>
<div>StAcKOverflow</div>

或覆盖现有的.contains过滤器：

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

有了这个,

$("div:contains('John')");

将选择所有这三个元素：

<div>john</div>
<div>John</div>
<div>hey hey JOHN hey hey</div>