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

时间:2014-04-11 08:39:44

标签: javascript jquery search case-insensitive

我正在尝试使用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();
            });

2 个答案:

答案 0 :(得分:1)

您可以像contains一样使用自定义表达式:

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

<强> Updated Fiddle

答案 1 :(得分:1)

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

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

积分Here