jquery实现模糊查询

html

    
   

       
       
   

    
   

       

           
• 南京理工

           
• 华师大

           
• 合工大

           
• 哈工大

           
• 复旦

           
• 清华

           
• 同济

           
• 南开

           
• 中山

           
• 南航

           
• 武汉

       

   

JS

$(function() {

第一种

//jq模糊查询
sc.dimSearch=function(input,content){
    var search_input = $("#"+input),
        search_content = $("#"+content);
    search_input.on("keyup", function() {
        if (search_input.val() == '') {
            search_content.show();
        }
        $("#"+content+" li:contains(" + search_input.val().trim() + ")").show();
        $("#"+content+" li:not(:contains(" + search_input.val().trim() + "))").hide();
    })
}

        //第二中方法
        //$("#search_content li").hide().filter(":contains("+ search_input.val().trim() +")").show();
    });
});