如何在 JS 下划线模板中显示 div

Question

我在 jquery 脚本中使用 $.getJSON 从 php 文件中获取数据并将其显示在模板（下划线）中。

我的模板：

<script type="text/template" id="user-template">

<% _.each(users, function(user){%>
            <div class="id"><%=user.id%> </div>
            <div class="name"><%= user.name %></div>
            <div class="city"><%= user.city %></div><br />
    <% }); %>

</script>

我的脚本：

$.getJSON(url, function(data){
        var results = userTemplate({ users: data.users}),
        $("#theresults").html(results);}

我在每个页面上列出 10 个用户（或 10 个结果）。该代码工作正常。我希望能够在每 4 个结果后显示另一个 div。喜欢广告或促销内容。

<div id="mycustomdiv">Custom DIV</div>

我该怎么做？

谢谢。

Answer 1

只需使用回调函数的第二个参数来确定当前索引

 <% _.each(users, function(user, index){%>
        <div class="id"><%=user.id%> </div>
        <div class="name"><%= user.name %></div>
        <div class="city"><%= user.city %></div><br />
        <% if(index !== 0 && (index % 4) === 0) { %>
           <div id="mycustomdiv">Custom DIV</div>
        <% } %>
 <% }); %>

如何在 JS 下划线模板中显示 div

How to show a div in JS underscore template

html

javascript

jquery

underscore.js-templating