jQuery模板循环计数器

Question

我有以下jQuery模板，我需要跟踪应用某些类的迭代次数。我已经尝试了所有我能想到的标准javascript变体。

如何迭代$ i然后在模板中引用$ i？

<script type="text/html"id="sectionTemplate">                           <span data-bind="css: { selected: $data == viewModel.selectedSection() }, click: function(i) { viewModel.selectSection($data) }">
${i++}
<input id="radio" class="ui-helper-hidden-accessible" type="radio" name="radio">
<label class="class${i}" for="radio${i}" aria-pressed="false" role="button" aria-disabled="false">
<span class="ui-button-text">${$data}</span></label>                                     
</span>   

Answer 1

在模板中调用外部函数可以完成您的需要。

<script type="text/javascript">
    var i = 0;
    function count()
    {
        return i++;
    }
</script>

然后你在模板中这样称呼它：

<script id="sectionTemplate" type="text/x-jQuery-tmpl">
    ${count()}
</script>