是否有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的模板樣式循環

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