JQuery 模板循环计数答案

【问题标题】：JQuery Template loop countJQuery 模板循环计数
【发布时间】：2015-03-19 17:34:52
【问题描述】：

已经推荐给我使用 JQuery 模板插件，我想知道如何在脚本“name_tmpl”中创建一个计数器，它只会循环显示名称 4 次，而不是显示 JSON 文件中的每一个.

$.ajax({
    type: 'GET',
    dataType: "json",
    url: "url.com",
    success: showAllNames
});


function showAllNames(responseData) {
        $("#name_tmpl").tmpl(responseData.games).appendTo("#names-holder");  
}


<script id="name_tmpl" type="text/x-jQuery-tmpl">  
    <p>${name}</p>
</script>

【问题讨论】：

标签： jquery jquery-templates

【解决方案1】：

您可以在模板中使用每个函数，如下所示：

<script id="name_tmpl" type="text/x-jQuery-tmpl">  
{{each(i, name) names}}
 {{if i<4}}
  <p>${name}</p>
 {{/if}}
{{/each}}
</script>

并将其称为：

function showAllNames(responseData) {
        $("#name_tmpl").tmpl({"names":responseData.names}).appendTo("#names-holder");  
}

【讨论】：