2014-02-20 86 views
1

我想構建實時搜索項目,但我不知道我的代碼有什麼問題。如果我搜索「AAA - AAA」結果顯示,但是當我搜索「TOF0042 - 文本更新+調整大小」結果不顯示。jQuery:實時搜索

你能幫我嗎?

  • HTML代碼
<input type="text" id="search-project" name="search-project"> 
<ul class="list-porject"> 
    <li>AAA - AAA</li> 
    <li>BBB - BBB</li> 
    <li>0546 - Testing</li> 
    <li>TOF0042 - text update + resize</li> 
</ul> 
  • jQuery代碼

(函數($){

$(document).ready(function() { 
    $("#search-project").keyup(function(){   
     var filter = $(this).val();     
     $(".list-porject li").each(function(){ 
      if ($(this).text().search(new RegExp(filter, "i")) < 0) { 
     $(this).addClass('hidden'); 
     } else { 
       $(this).removeClass('hidden'); 
    } 
     }); 

}); })})(jQuery);

  • CSS

.hidden {顯示:無; }

演示:Fiddle

+0

作爲最好的,我的理解是,你的提琴工程進行搜索。 – 2014-02-20 01:18:47

+0

您是否搜索「TOF0042 - 文本更新+調整大小」? 你能複製並粘貼到文本框搜索這個單詞嗎?你會知道 –

回答