搜索文本，無論是小寫還是大寫

Question

我有一個 function 用於使用一個文本框搜索 web 中的內容<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 ， hEllO或HELLO ，所有字符串，無論大小寫。

非常感謝任何幫助，對我的語法錯誤感到抱歉。

Answer 1

將搜索字符串和要搜索的文本都轉換為小寫：

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

有關MDN的更多信息

Answer 2

嘗試使用toLowerCase()函數通過區分大小寫的匹配，例如：

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

Answer 3

我知道我遲到了六年，但他的回答很有幫助，因為有更少的東西可以混淆。 我不會阻止任何人指導別人。

Answer 4

同時使用.toUpperCase()輸入值和過濾器值