Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/04/2016, 16:39
Avatar de Fernand0
Fernand0
 
Fecha de Ingreso: septiembre-2005
Ubicación: Buenos Aires
Mensajes: 610
Antigüedad: 18 años, 7 meses
Puntos: 19
Respuesta: Buscador en etiquetas <li>

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

Código Javascript:
Ver original
  1. var text, links, length;
  2.  
  3. document.addEventListener("DOMContentLoaded", function() {
  4.    
  5.     text = document.getElementById("textToFilter");
  6.     text.addEventListener("keyup", filter);
  7.    
  8.     list = document.getElementById("listToFilter");
  9.     links = list.getElementsByTagName('a');
  10.     length = links.length;
  11.    
  12. });
  13.  
  14. function filter(e) {
  15.    
  16.     var search = text.value,
  17.         regexp = new RegExp(search, "i");
  18.    
  19.     for(var i = 0; i < length; ++i) {
  20.    
  21.         inner = links[i].innerHTML;
  22.        
  23.         if(!regexp.test(inner))
  24.             links[i].parentNode.style.display = "none";
  25.         else
  26.             links[i].parentNode.style.display = "list-item";
  27.        
  28.     }
  29.    
  30. }

Última edición por Fernand0; 07/04/2016 a las 17:40 Razón: improved