使用jQuery模板的交替类

时间:2011-12-12 20:34:58

标签: javascript jquery ajax template-engine jquery-templates

我希望根据收到的数据数组生成<li>个项目列表。每个人都有一个“偶数”或“奇数”的交替类。以下是我到目前为止的情况:

<script id="news_template" type="text/x-jquery-tmpl">
    <li>
        {{= title }}
    </li>
</script>

查看文档,我没有看到任何容易做到这一点的事情。有什么想法吗?

感谢。

编辑:如果我可以简单地以某种方式评估原始JavaScript,我可以简单地设置一个变量并在每次迭代中将输出基于该输出。我知道jQote2有这个功能。例如,我可以做类似的事情:

<% even = !even; %>

...然后将该类基于该变量的状态。

2 个答案:

答案 0 :(得分:2)

上周我必须为这个结构的表做这个:

<table class='stripe' width='100%'>
  <!---awesome table with awesome rows and awesome columns--->
 < /table>

所以我使用了几条css行:

 tr.even {background-color: #DDD;  color:Black;}
 tr.odd {background-color: #fff; color:Black;} 

然后,使用jQuery:

  $('table.stripe tbody tr:odd').addClass('odd');
  $('table.stripe tbody tr:even').addClass('even'); 

在您的情况下,只需使用:

$ ('ul.stripe li:even').addClass('even');
$ ('ul.stripe li:odd').addClass('odd');

这意味着有些人喜欢“请,jQuery先生,根据tr是奇数还是偶数”来设置奇数或偶数类。

希望它有所帮助!

答案 1 :(得分:0)

        {{if ($index %2) == 0}}
            <div id="item odd">
        {{else}}
            <div id="item even">
        {{/if}}