在jquery中的分页列表上实时搜索

Question

如何在jquery中使用分页列表实现实时搜索？我有一个DIV中的朋友列表，但朋友一次装载15个（无限滚动）。我想在顶部提供一个文本框，以便他们可以过滤搜索。但是，如果他们搜索尚未加载的内容呢？我必须采取的基本方法是什么？例如，假设John和Jack是目前为止加载的唯一用户并且用户输入'sa'，我如何调出以'sa'开头的名字？

感谢。

<div id="friends">
   <input id="search" type="text" /> 
   <ul>
      <li>John</li>
      <li>Jack</li>
       .
       .
       .
   </ul>
</div>

Answer 1

DataTables内置了所有类型的东西。但它确实要求您的数据位于格式正确的表中。

http://www.datatables.net/release-datatables/examples/basic_init/zero_config.html