$ ( ".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 (); }); } });
樣式就不寫了，另外大家覺得有什麼地方需要改進的，儘管指出，非常感謝