通过js实现筛选功能

后台实现筛选会增加服务器的压力,速度慢,没必要。

先看结构:


通过js实现筛选功能



通过js实现筛选功能









再看代码:

/**
     * 根据搜索框里面的输入值,动态展示筛选后的数据;
     */
    $('#searchParams').bind('input propertychange', function() { 
        var insertVal = $(this).val();//手动输入的字符串;  
        $("#mytree li").each(function(){
        var paraStr = $(this).children().children().html();
        if(paraStr.indexOf(insertVal)<0){//不包含
        $(this).hide();
        }else{//包含
        $(this).show();
        }
         })  
    }); 

就这么简单//over