Indexing 2

by Joe Saad

HTML

<input type="text" />

<ul>
<li>Cairo</li>
<li>New Delhi</li>
<li>Paris</li>
<li>Rome</li>
<li>Santiago</li>
<li>San Diego</li>
<li>Washington DC</li> 
</ul>

<a href="javascript:void(0);">number? </a>

JavaScript

$('input').keyup(function(){
 
    var myIndexedVal = $(this).val().toLowerCase();

    var lis = $('ul li').length;
    var foundIndx=new Array();     
    var i=0;
    
    $('ul li').each(function(){
        if ($(this).text().toLowerCase().search(myIndexedVal)>=0) {
           // alert($(this).index());
//            var foundIndx = $(this).index();            
           // console.log("found");
            foundIndx[i] = $(this).text().toLowerCase();            
            i = i+1;
        }        
        // alert($(this).text());        
    });
    
    var foundLen = foundIndx.length;
    for (j=0; j< foundLen; j++){
    
       //alert(foundIndx[j]);
        $('ul li').each(function(){
            if ($(this).text().toLowerCase() !== foundIndx[j] ) {
               $(this).hide(); 
            }
            
        }); 
        
        
    }   
    
    if ($(this).val() ===""){
         $('ul li').show();
    }
    
});


$('a').click(function(){

    alert($('ul li').length);
});