在jQuery模板中获取索引

h7appiyu 于 2023-08-04 发布在 jQuery

关注(0)|答案(2)|浏览(78)

我正在使用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
我该怎么办？

jquery

来源：https://stackoverflow.com/questions/4213033/get-index-in-jquery-template

2条答案

按热度按时间

4smxwvx51#

在{{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的，就像我上面所做的那样。

赞(0）回复(0）举报 2023-08-04

gz5pxeao2#

我希望这段代码能帮助你在jquery模板中获取索引：-

$("#optionTmpl").tmpl(data, {
        dataArrayIndex: function (item) {
            return $.inArray(item, data);
        }
    }).appendTo("#TableBody");

字符串
您可以使用这个${$item.dataArrayIndex（$item.data）}来获取当前索引

<script id="optionTmpl" type="text/x-jquery-tmpl">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

    <tr>
        <th><input type="radio" name="group1" value="${AnswerID}" /></th>
        <td>${AnswerText} ${$item.dataArrayIndex($item.data)}</td>
    </tr>

</table>

型

赞(0）回复(0）举报 2023-08-04

我来回答

在jQuery模板中获取索引

2条答案

相关问题

热门标签

最新问答