javascript - 实现快速 Javascript 搜索?

标签 javascript jquery search

基本上:

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

  2. 用户开始在文本框中输入 friend 的姓名,例如按“r”

  3. 我想立即更新<ul>每次按键仅显示名字以 R 开头的好友,例如“Richard、Redmond、Raheem”等。

  4. 随着用户输入更多内容,我想进一步限制名称,例如,如果用户输入“Ri”,那么我只希望列表中包含“Richard”。

我正在寻找有关如何实现搜索的想法。具体来说,我是否应该使用 Array 或 JSON 类来存储 friend 列表,是否应该使用任何正则表达式等?

我还应该使用哪个 jQuery 事件来监听按键事件?

最佳答案

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

这就是我的做法,我不会在数组中重复数据。

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

关于javascript - 实现快速 Javascript 搜索?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5687332/

相关文章:

javascript - readFileSync from node.js fs 库可以从文本文件加载数组吗?

javascript - 使用 jquery 激活 onchange

jquery - 将 jQuery 与 Flask 结合使用 : how to prevent jumping to top of page on form submission?

xml - 如何使用delphi搜索和替换xml文件中的标签值?

mysql - Mysql如何对汉字进行全文搜索?

javascript - 如何使用 jquery ajax 显示复选框列表中的项目

javascript - 为什么 coffeescript 创建这个闭包

javascript - 理解JS的Object.create函数

jquery - 绑定(bind)函数来提交事件

mysql - 存储大型 session 级数据集?