javascript - 使用 Javascript 过滤 HTML ul li 如果字符串包含单词

Question

我有一段 javascript 代码，用于过滤列表项，返回包含放入搜索框中的第一个单词的项目:

var input = document.getElementById('input');
input.onkeyup = function () {
var filter = input.value.toUpperCase();
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
    var name = lis[i].getElementsByClassName('name')[0].innerHTML;
    if (name.toUpperCase().indexOf(filter) == 0) 
        lis[i].style.display = 'list-item';
    else
        lis[i].style.display = 'none';
}
}

此脚本仅适用于输入的第一个单词，不适用于第二个单词。

例如，如果我有一个名为“car”的搜索查询，它应该返回:

• 蓝色汽车
• 红色汽车
• 黑车

目前查询没有返回任何内容。

任何帮助将不胜感激。

谢谢。

Answer 1

更改此行

if (name.toUpperCase().indexOf(filter) == 0) 

到

if (name.toUpperCase().indexOf(filter) != -1) 

它适用于整个字符串，而不仅仅是第一个单词。