如何为使用javascript生成的列表创建搜索函数

基本上，我将json url中的数据显示到一个列表中。 这是我的剧本：

$(window).load(function(){
 $.ajax({
    "url":"http://something.com/myfile.json",
    "crossDomain":true,
    "dataType":"jsonp",      
    'success': function(response){ 

    var collection = response.results;
    for (var i = 0; i < collection.length; i++){   

        $(".list-item").append( '<li><a href="' + results.url +'" class="invites"><span>' + results.title + '</span></a></li>');

  }},
      error: function(err){
          alert('error!' + err);
      } 
});
});

$（窗口）.load（函数（）{
$.ajax({
“url”：”http://something.com/myfile.json",
“跨域”：正确，
“数据类型”：“jsonp”，
“成功”：函数（响应）{
var集合=响应。结果；
对于（var i=0；i”）；
}},
错误：函数（err）{
警报（'error！'+err）；
} 
});
});

我把它显示在一个列表中。这是html

<div class="box_list">
    <ul class="list-group">
            <li class="list-item" ></li>
    </ul>   
</div>

一切都很好，但我想在顶部添加一个搜索框，这样任何人都可以用关键字搜索列表，但我找不到如何做。例如，我尝试使用dynatable，但无法使其工作。帮忙

（如果你能告诉我如何在我的列表上实现分页，那将是蛋糕上的樱桃） 提前谢谢

更新！

---

我终于成功了！我想我只是需要睡觉。。。我用过，希望它能帮助像我这样的新手。再次感谢大家

既然您使用的是jQuery，您可能会感兴趣

既然您使用的是jQuery，您可能会感兴趣

您可以发布您尝试搜索的内容吗？你越具体，帮助就越容易！有很多Javascript库就是为这类事情而设计的。我最喜欢的是。至于连接，只需将事件处理程序附加到搜索按钮即可。但是，您也可以查看Javascript framworks，例如或。这是一个很好的Javascript库，可以帮助您：谢谢大家的回答。我觉得我在这方面太新了，我错过了一些非常简单的东西，因为我尝试了这么多插件，但都没有成功。我会在睡觉后看看你给我的链接，因为我现在太累了，什么都不敢尝试。希望我明天醒来时不再那么傻，让我做点事情。再次感谢。你能发布你尝试搜索的内容吗？你越具体，帮助就越容易！有很多Javascript库就是为这类事情而设计的。我最喜欢的是。至于连接，只需将事件处理程序附加到搜索按钮即可。但是，您也可以查看Javascript framworks，例如或。这是一个很好的Javascript库，可以帮助您：谢谢大家的回答。我觉得我在这方面太新了，我错过了一些非常简单的东西，因为我尝试了这么多插件，但都没有成功。我会在睡觉后看看你给我的链接，因为我现在太累了，什么都不敢尝试。希望我明天醒来时不再那么傻，让我做点事情。再次感谢。