Question

我有一个功能，我使用一个文本框<input class="form-control" id="search" type="text" placeholder="Search" />在我的网络中搜索内容，显示内容在不同的面板中，所以这是我的script。

$('#search').keyup(function () {
    var term = $(this).val();
    if (term != '') {
        $('.panel').hide();
        $('.panel').filter(function () {
            return $(this).text().indexOf(term) > -1
        }).show();
    } else {
        $('.panel').show();
    }
});

效果很好，但只有精确匹配，如果我在文本框中写Hello只显示Hello个字，但我需要这样才能显示hello，{{ 1}}或hEllO，所有字符串，无论是大写还是大写。

非常感谢任何帮助，抱歉我的语法不好。

Answer 1

将搜索字符串和您要搜索的文本都转换为小写：

return $(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1

More info on MDN

Answer 2

尝试通过区分大小写的匹配来使用toLowerCase()函数，例如：

$(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1

Answer 3

使用.toUpperCase()输入值和过滤器值

搜索文本，无论是小写还是大写

3 个答案: