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

Question

我正在使用$.getJSON在 jquery 脚本中从 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>
        <% } %>
 <% }); %>