有助于创建部分HTML的Javascript框架或技术

我经常发现自己为网页创建了一些局部视图，这些视图可以由一组数据

e

填充，然后附加到一个给定的元素

可附加的

，如下所示：

function mySection(e, attachable){

  this.$mySection = $('<section>',{
    class:'mySection'
  });

  $('<span>',{
    text:e.someRelevantInformation
  }).appendTo(this.$mySection);

  this.$mySection.appendTo(attachable);
}

通常，此类局部视图具有多个类别或子部分，有时甚至在其中嵌套局部视图。像这样使用JQuery比像这样做更具伸缩性

document.findElementById('mySection').append('<section><span>'+e.someText+'</span></section>');

document.findElementById（'mySection'）.append（''+e.someText+''）；

或者类似的东西。那么，是否有任何框架或技术，甚至仅仅是个人技术，可以进一步推动这一进程？理想情况下，我希望像Rails的.erb文件那样无缝，但我正在寻找Javascript的扩展，而不是HTML

编辑

---

我要澄清的是，能够动态地一个接一个地生成这些内容非常重要，在某些情况下，会生成几十个基于模板的部分。

Mustach可以做到所有这些，而且轻快。。。还有ejs，erb的翻版谢谢！我将看一下这些，稍后我将在这里发布一些示例。有一个官方的JQuery模板插件，它减轻了以编程方式生成重复元素的一些困难：当使用具有多层嵌套数据的较大对象时，胡须是否能很好地保持？尽管看了文档，但当我有超过2或3层的数据时，它看起来非常麻烦。到目前为止，我在EJS方面取得了最大的成功。稍后我会在这里发布一些例子。

document.findElementById('mySection').append('<section><span>'+e.someText+'</span></section>');