在固定列表中迷糊查询

$ ( ".city_search" ). keyup ( function (){ //input框键盘抬起事件

var cityStr = $ ( ".city_search" ). val (); //把输入的内容存起来

if ( cityStr == '' ){

$ ( '.cityArr' ). hide (); //搜索出现的内容

} else {

$ ( '.cityArr' ). show ();

$ ( '.cityArr ul ' ). html ( "" );

$ ( "#citycent a " ). each ( function (index,content) { //已有城市列表数据

var arrStr = content. innerText ;

var str = "" ;

if ( cityStr != "" && arrStr . indexOf ( cityStr ) != - 1 ) { //关键步，搜索框内容与城市列表进行匹配

str += "<li data-value=" + $ ( this ). attr ( 'data-value' ) + ">" + arrStr + "</li>" ; //把列表中所有包含搜索字符的内容，存起来

}

if ( str != "" ){

$ ( '.cityArr ul ' ). html ( str ); //展示搜索到的内容

}

});

$ ( '.cityArr ul ' ). unbind ( 'click' ). on ( 'click' , 'li' , function () { //搜索结果点击事件

function ();

});

}

});

样式就不写了，另外大家觉得有什么地方需要改进的，尽管指出，非常感谢