jquery - 有 jquery 模板计数或索引吗？

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 起，您可以访问索引:

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