Javascript 在单页应用程序中清除视图中的所有项目

我有一个由数据库支持的单页应用程序（用主干编写），默认（目前）是列出一定数量的项目，但是，我希望提供按日期或其他标准排序的选项。因此，我需要能够清除屏幕上的所有项目，并查询数据库中符合条件的项目

问题：在从数据库重新加载新项目之前，清除屏幕上已有的所有视图的一般策略是什么

---

注意，在主干TodoMVC应用程序中，策略是简单地使用css visible/hidden在不同的状态之间切换，但是如果应用程序由一个有很多项的db支持，并且最初只显示30项，那么这是不可行的

如果使用jquery，可以使用div的id清除div的内容

$("#divID").empty();

然后为从数据库中检索到的每个条目添加某种类型的子元素

$("#divID" ).append("<p>Element #1</p>");

$（“#divID”）。追加（“元素#1
”；

如果您也想删除事件，则需要取消删除事件，就像您没有这样做，并且创建了一个新的主干视图一样，旧视图仍将侦听操作，如果您有一个单击回调，则会触发新的和旧的操作

destroy:=>
  @.undelegateEvents() 
  @$(el).empty()

---

对不起，我不是一个咖啡脚本编写员，为什么要在@之后使用“.”呢？那么是这个吗？就是这个。undelegateEvents（）；