使用jquery/javascript附加带有变量的html代码

在django中呈现的html模板中，从jqavascript/jquery生成html代码时遇到问题。我必须附加html代码，并在它们之间插入一些值。现在我正在做一个像这样的原始字符串追加

var features =['a','b']
for (var i=0;i<features.length;i++){
    var html_code = "<div class = 'feature' <h2>"+features[i]+"</div>
    $("#features").append(html_code)
}

var特性=['a'，'b']
对于（var i=0；i您确实有很多选择。我会根据您需要更改网站中DOM的次数来做出决定。如果经常更改，我会考虑使用一个库来提高可读性/可维护性（React+ReactDOM非常轻量级，31,8kB gzip根据

如果您必须在一个或两个位置插入html，并且您关心性能，请检查

请记住，在每次迭代中，您都要遍历DOM以查找
#features
元素，这是非常低效的。最好在循环之外执行查询并将其存储在常量中，或者按如下所示执行

另外，这可能是一个输入错误，但是您有一个隐藏的h2标记
有没有特别的理由不使用Django自己的模板语言？如果要插入的数据来自客户端请求，那么您必须使用JS，但是如果您的数据直接来自服务器，您会发现Django的模板语言非常清晰且易于使用.文档是的，数据仅来自客户端-因此不使用Django Template感谢您的详细回复。我只添加了几个div，因此不关心效率，但html代码只是用于说明。它是一个更大的html，主要关注的是可读性。因此，我想知道内联模板是否是一个选项，我S总是一个选项。但是如果你关心可读性（和可维护性），你应该考虑在Jjango模板中添加JS作为静态资产，并将JavaScript放到那里。我理解正确了吗？
<div id="features"></div>