Question

今天，我的大四学生告诉我使用jquery模板。但我对此一无所知。我想在jquery模板中使用varStatus，但我不知道如何，我不知道这个功能是否存在。

**<!--this is JSTL style loop-->**
<c:forEach var="item" items="${menuItems}" varStatus="status">
<div class="tbtn" data-z_index="${99-status.count}"> //<--This line has loop count
    <div id="${item.m_id}" class="tab_non">
        <div class=left></div>
        <div class=right></div>
        <div class=bg>
            <div class=icon></div>
            <div class=font id=topbutton>${item.m_id}</div>
        </div>
        <div class="close"></div>
    </div>
</div>
</c:forEach>

这是jquery-template样式循环

<script id="topMenuTemplate" type="text/x-jQuery-tmpl">
{{if data}}
{{each data}}
<div class="tbtn" data-z_index="${loop??}"> //<--I need to use loop count here too!!
    <div id="${name}" class="tab_non">
        <div class=left></div>
        <div class=right></div>
        <div class=bg>
            <div class=icon></div>
            <div class=font id=topbutton>${name}</div>
        </div>
        <div class="close"></div>
    </div>
</div>
{{/each}}
{{/if}}
</script>

Answer 1

从1.4.3开始，您就可以访问index：

{{each( index, value ) collection}} content {{/each}}

注意，这里的index只是一个自定义字符串值，而不是index，但jQuery默认为当前索引值的$index。

<li>
    Title: ${Name}.
    {{each Languages}}
        ${$index + 1}: <em>${$value}. </em>
    {{/each}}
</li>

因此，在您的示例中，您可以使用$index变量代替${loop}：

<div class="tbtn" data-z_index="${index}">

来源：http://api.jquery.com/template-tag-each/

有jquery模板计数或索引吗？

1 个答案: