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

时间:2016-08-11 12:55:52

标签: javascript jquery html underscore.js-templating

我在jquery脚本中使用class ArrayOfTagValuePair(suds.plugin.DocumentPlugin): """Plugin to add element to AccountAssignment that is not defined in WSDL.""" def __init__(self, *args): self.args = args def parsed(self, context): complexTypes = context.document.getRoot().getChild('types').getChild('schema').getChildren('complexType') # Get the complex type with attribute 'name' == 'ArrayOfTagValuePair'. for ct in complexTypes: if ct.get('name') == 'ArrayOfTagValuePair': array_TagValuePair = ct sequenceElements = array_TagValuePair.getChild('complexContent').getChild('extension').getChild('sequence') for key in self.args: sequenceElements.append(e) def TagValuePair(self): module_name = 'WS3Trans' service_name = 'TagValuePair' service_url = '%s/%s/%s.asmx?WSDL' %(self.webservice_url, module_name, service_name) client = suds.client.Client(service_url, plugins=[ArrayOfTagValuePair('tag', 'value')]) return client 从php文件中获取数据并将其显示在模板中(下划线)。

我的模板:

$.getJSON

我的剧本:

<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>

在每个页面上我列出10个用户(或10个结果)。代码工作正常。我想能够在每4个结果后显示另一个div。像广告或促销内容一样。

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

我该怎么做?

感谢。

1 个答案:

答案 0 :(得分: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>
        <% } %>
 <% }); %>