javascript - 页面过滤词的简单功能

Question

我编写了用于搜索州标题的函数，并且一切正常，但是当我在搜索栏过滤器中键入字母时，会在 word 中查找所有字母。我想从开头的单词进行过滤搜索。

例子

如果我输入一个过滤器结果将是 c'an'ada 他会找到一个并且它没问题但我只想从头开始检查

function filterNames() {
    let filterValue = document.getElementById('filterInput').value.toUpperCase();
    let kartice = allContinet;
    let h2 = document.querySelectorAll('h2');

    for (let i=0;i<h2.length;i++) {
        let name = h2[i].getElementsByClassName("ime-zemlje");

        if (name[0].innerHTML.toUpperCase().indexOf(filterValue) > -1) {
            kartice[i].style.display = '';
        } else {
            kartice[i].style.display = 'none';
        }

    }
}

Answer 1

您可以使用 String 的 .search 方法。

所以你的if条件会变成

if(name[0].innerHTML.toUpperCase().search(new RegExp(`^${filterVal}`)) === 0)

search 也有很好的浏览器支持