我想構建實時搜索項目,但我不知道我的代碼有什麼問題。如果我搜索「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
作爲最好的,我的理解是,你的提琴工程進行搜索。 – 2014-02-20 01:18:47
您是否搜索「TOF0042 - 文本更新+調整大小」? 你能複製並粘貼到文本框搜索這個單詞嗎?你會知道 –