实现快速Javascript搜索？

Question

基本上:

1. 我有一个带文本框的页面,<ul>下面有一个列表.在<ul>由用户的朋友列表填充.

2. 用户开始在文本框中输入朋友的姓名,例如按'r'

3. 我想立即更新<ul>每个按键,只显示名字以R开头的朋友,例如'Richard,Redmond,Raheem'等.

4. 当用户输入更多内容时,我想进一步限制名称,例如,如果用户输入'Ri',那么我只需要列表中的'Richard'.

我正在寻找有关如何实现搜索的想法.具体来说,如果我应该使用Array或JSON类来存储朋友列表,如果有任何正则表达式我应该使用,等等？

我应该使用哪个jQuery事件来收听按键事件？

Answer 1

工作示例:http://jsfiddle.net/peeter/gAAth/

我就是这样做的,我不会在数组中复制数据.

Raynos提供的优化版本:http://jsfiddle.net/gAAth/12/