jQuery實現的快速尋找

 

Posted on : 04-06-2009 | By : 愚人碼頭 | In : 前端架構0

jQuery實現的快速尋找就是一個列表中尋找和你輸入的文字相匹配的項，高亮並前置表示；

jQuery代碼：

view source

print?01.$(function(){02.//鍵盤按鍵彈起時執行03.$('#index').keyup(function(){04.var index = $.trim($('#index').val().toString());//去掉兩頭空格05.if(index == ''){06.$('li').removeClass('on');return false;07.}08.var parent = $('ul');09.$('li').removeClass('on');10.//選擇包含文字框值的所有加上focus類樣式，並把它（們）移到ul的最前面11.$("li:contains('" + index + "')").prependTo(parent).addClass('on');12.});13.});

完整 DEMO:http://www.css88.com/demo/jQuery/quickSearch/quickSearch.html