在jQuery模板中获取索引

时间:2010-11-18 08:53:06

标签: jquery jquery-templates

我正在使用jQuery模板插件,不知道如何获取项目索引: http://api.jquery.com/category/plugins/templates/

这是我的代码:

<script id="optionTmpl" type="text/x-jquery-tmpl">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    {{each Answers}}
        <tr>
            <th><input type="radio" name="group1" value="${this.AnswerID}" /></th>
            <td>${this.AnswerText}</td><!-- add number in this line--->
        </tr>
    {{/each}}  
    </table>
</script>

我想以下面的格式显示答案

1)回答1,2)回答2,3)回答3

a)回答1,b)回答2,c)回答3

我该怎么办?

1 个答案:

答案 0 :(得分:22)

{{each}} loop中有一个隐含的$index(和$value),你可以在这里使用:

<script id="optionTmpl" type="text/x-jquery-tmpl">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    {{each Answers}}
        <tr>
            <th><input type="radio" name="group1" value="${this.AnswerID}" /></th>
            <td>${this.AnswerText} ${$index + 1}</td>
        </tr>
    {{/each}}  
    </table>
</script>

您可能希望添加1,因为它基于0,就像我上面一样。