Buscador en etiquetas <li>

[Custus2]

Iniciado por Fernand0

Es mas o menos lo que buscas, por ahi le tendras que modificar algo. Aca dejo el [URL="https://jsfiddle.net/eboeorhk/"]jsFiddle[/URL]

Código Javascript:

var text, links, length;
 
document.addEventListener("DOMContentLoaded", function() {
    
    text = document.getElementById("textToFilter");
    text.addEventListener("keyup", filter);
    
    list = document.getElementById("listToFilter");
    links = list.getElementsByTagName('a');
    length = links.length;
    
});
 
function filter(e) {
    
    var search = text.value,
        regexp = new RegExp(search, "i");
    
    for(var i = 0; i < length; ++i) {
    
        inner = links[i].innerHTML;
        
        if(!regexp.test(inner))
            links[i].parentNode.style.display = "none";
        else
            links[i].parentNode.style.display = "list-item";
        
    }
    
}