从页面隐藏 "phonebook contacts" 但显示结果

Question

这是一个简单的 Live Search 脚本，它非常有用，但我需要修改一下。

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_list

此脚本使用来自 "phonebook" 的实时搜索，来自 "phonebook" 的联系人向所有人显示（可见）。

如何在登录页面隐藏联系人，但在搜索结果字段中显示？

Answer 1

给你

https://www.w3schools.com/code/tryit.asp?filename=FDQGA5EHCMJP

#myUL li {
    display: none;
}

function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (filter.length > 0 && a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "block";
        } else {
            li[i].style.display = "none";

        }
    }
}

从页面隐藏 "phonebook contacts" 但显示结果

Hide "phonebook contacts" from page but display results

html

javascript

jquery