jQueryファジイクエリ

手元の1つのプロジェクトはあいまいなクエリーの名前を使って、データはバックグラウンドであげたので、しかしこの機能はしたことがなくて、関連資料をクエリーして、実はとても簡単だと思います.まずバックグラウンドから渡されたデータ配列を手に入れます.[id:10011,name:張三,zs,zhangsan]のような配列です.迅速に実現するためにこのような形式に書かれています.

1011  ZSzhangshan

配列を直接遍歴しても実現できるはずですが、これは相対的に簡単だと思います.次に、クエリのコードが表示されます.
html:

            

                

                    
1011  ZSzhangshan
                    
1012  LSlisi
                    
1013  WWwangwu
                
            
            

jQuery:

 /****    ****/
        $(".inputPhoto").on("focus", function () {
            var that = $(this);
            //    
            $(".inQuire").show();
            //        ，propertychange IE       ，input      
            $(".inputPhoto").on("input propertychange", function () {
                $(".inQuire li")
                    .hide()
                    .filter(":contains('" + that.val().toLocaleLowerCase() + "')")//  
                    .show();
            });
        });
 /****      END****/