javascript - 如何修复 <LI> 中用户可以使用大写字母或小写字母的搜索？

Question

下面是我用于搜索查询的 JavaScript，我发现了一个错误，该错误与字母大写或小写有关。如果列表中的字母是小写字母，那么它只会搜索小写字母，但如果你打开大写字母，它就找不到任何东西。以下是我正在使用的代码，我们将不胜感激。

HTML

<input type='search' id='search' placeholder='search'>
<ul>
    <li>example 1</li>
    <li>example 2</li>
    <li>example 3</li>
</ul>

JavaScript

var search = $("#search");
var listItems = $("li");
search.on("keyup", function () {
    var terms = search.val();
    if (terms == '') {
        listItems.show();
    } else {
        listItems.hide();
        $("li:contains('" + terms + "')").show();
    }
});

Answer 1

您可以将 terms 小写，然后进行搜索。

var terms = search.val().toLowerCase();