3

今天，我的前辈告诉我使用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>
4

1 回答 1

3

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

于 2012-05-14T03:09:48.493 回答