我有一个包含一堆缩略图和标题的页面：
http://thenozzle.net/games
（链接失效）
如果您点击“搜索”，搜索栏会从上方滑落。我可以在搜索框中输入内容，然后按 Enter 搜索网站。我想知道是否有任何方法可以查看所有缩略图，如果我键入“E”，它将隐藏所有缩略图，除了以“E”开头的缩略图。然后我输入“El”，它会显示以“El”开头的所有结果。然后我添加了一个“d”，它会显示每个标题以“Eld”开头的缩略图。在此，用户无需重新加载即可轻松搜索游戏页面。可能吗？值得吗？
我精通 jQuery 和 PHP。如果我的解释没有这样做。查看Google Instant。
谢谢！
【问题讨论】：
我不久前做了这样的事情。 Here是一个链接。
它的作用是在每次按键时触发此事件，并将按下的键与包含它的li 匹配。它工作得很好，但肯定可以使用一些修改。代码如下：
$("#search").keyup(function(){
$("li").hide();
var term = $(this).val();
$("li:contains('" + term + "')").show();
});
【讨论】：
li 内容的小写版本。
基本上，您有一个 JS（带有 jquery）代码，它执行 json 调用以检索与已经键入的字符串的巧合列表。它应该在更新 innerHTML 或类似内容的输入字段附近的 div 中显示它们。
下面是每次输入都可以调用的脚本/servlet/服务。
示例：http://woorkup.com/2010/09/13/how-to-create-your-own-instant-search/
【讨论】：