[SOLUCIONADO] Buscador en etiquetas <li>

[Custus2]

Tengo un listado con 200 resultados, en el cual quiero incorporar un buscador input que al escribir vaya dejando solo los resultados que contengan lo escrito en el campo, alguien sabe como puedo aplicarlo con javascript?

Código HTML:

<ul class="children">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul> 

Muchas Gracias!

[ZedGe1505]

Es un arreglo? una consulta a la BD?

[Fernand0]

Es mas o menos lo que buscas, por ahi le tendras que modificar algo. Aca dejo el jsFiddle

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";
        
    }
    
}
 

[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";
        
    }
    
}