how to implement Search function using Javascript or jquery

后端 未结 4 1428
花落未央
花落未央 2020-12-29 15:09

here i write code where all persons names comes from Facebook API . and it is showing on lightbox. now i want to implement search functionality using javasciprt/jquery . Can

4条回答
  •  执笔经年
    2020-12-29 15:17

    Use Jquery

    ​  $(document).ready(function(){
    
       var search = $("#search-criteria");
       var items  = $(".fbbox");
    
       $("#search").on("click", function(e){
    
            var v = search.val().toLowerCase();
           if(v == "") { 
               items.show();
               return;
           }
            $.each(items, function(){
                var it = $(this);
                var lb = it.find("label").text().toLowerCase();
                if(lb.indexOf(v) == -1) 
                     it.hide();
            });
        });        
    });​
    

    Demo : http://jsfiddle.net/C3PEc/2/

提交回复
热议问题