Posted on : 04-06-2009 | By : 愚人码头 | In : 前端框架
0
jQuery实现的快速查找就是一个列表中查找和你输入的文字相匹配的项,高亮并前置表示;
如图:
jQuery代码:
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