在文本框中搜索不区分大小写的字母答案

【问题标题】：search case insensitive letters in textbox在文本框中搜索不区分大小写的字母
【发布时间】：2014-04-11 08:39:43
【问题描述】：

我正在尝试使用 jquery 搜索内容。搜索选项工作正常。但是，我在这里遇到了一些不区分大小写的问题。我在 jsfiddle 上的完整代码。如果我把 senthil 放在我的搜索中，它不会显示结果。因为，我的内容中有 Senthil（大写 S）。如何在 jquery 中找到大写字母？

JsFiddle

$('#search').on('input', function(){
                var text = $(this).val();
                $('.subjects a').show();    
                $('.subjects a:not(:contains(' + text + '))').hide();
                $('.subjects a span').show();
            });

【问题讨论】：

JavaScript: case-insensitive search的可能重复

标签： javascript jquery search case-insensitive

【解决方案1】：

您可以像这样为contains 使用自定义表达式：

$.expr[":"].contains = $.expr.createPseudo(function(arg) {
    return function( elem ) {
        return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});

Updated Fiddle

【讨论】：

【解决方案2】：

将此代码添加到您的 JS 代码中

$.expr[":"].contains = $.expr.createPseudo(function(arg) {
    return function( elem ) {
        return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});

学分Here

【讨论】：