将值从外部for传递到内部以使用jsRender

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.0-beta/jsrender.min.js"></script>

<script id="myTemplate" type="text/x-jsrender">
    <div>
        <h1>{{:title}}</h1>
        <p>{{:content}}</p>
    </div>
</script>

// 假设外部for循环的数据是一个数组
var data = [
    { title: "标题1", content: "内容1" },
    { title: "标题2", content: "内容2" },
    { title: "标题3", content: "内容3" }
];

// 获取模板
var template = $("#myTemplate").html();

// 渲染模板并传递数据
for (var i = 0; i < data.length; i++) {
    var renderedTemplate = $.templates(template).render(data[i]);
    // 将渲染后的模板插入到页面中
    $("#output").append(renderedTemplate);
}