gpt4 book ai didi

javascript - 实现快速 Javascript 搜索?

转载 作者:行者123 更新时间:2023-12-01 02:24:50 31 4
gpt4 key购买 nike

基本上:

  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/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com