我正在使用$.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>
我该怎么做?
谢谢。
最佳答案
只需使用回调函数的第二个参数即可确定当前索引
<% _.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>
<% } %>
<% }); %>
关于javascript - 如何在JS下划线模板中显示div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38897030/