Javascript 使用jQuery模板交替类
我想根据收到的一系列数据,生成一个Javascript 使用jQuery模板交替类,javascript,jquery,ajax,template-engine,jquery-templates,Javascript,Jquery,Ajax,Template Engine,Jquery Templates,我想根据收到的一系列数据,生成一个项目列表。每个人将有一个交替的“偶数”或“奇数”类。以下是我到目前为止的情况: <script id="news_template" type="text/x-jquery-tmpl"> <li> {{= title }} </li> </script> {{=title}} 查看文档,我没有看到任何东西可以轻松地进行此操作。有什么想法吗 谢谢 编辑:如果我可以简单地以某种
项目列表。每个人将有一个交替的“偶数”或“奇数”类。以下是我到目前为止的情况:
<script id="news_template" type="text/x-jquery-tmpl">
<li>
{{= title }}
</li>
</script>
{{=title}}
查看文档,我没有看到任何东西可以轻松地进行此操作。有什么想法吗
谢谢
编辑:如果我可以简单地以某种方式评估原始JavaScript,我可以简单地设置一个变量,并在每次迭代中基于该变量输出。我知道jQote2有这个特性。例如,我可以做如下事情:
<% even = !even; %>
…然后将该类基于该变量的状态。我上周刚刚为一个具有此结构的表做了此操作:
<table class='stripe' width='100%'>
<!---awesome table with awesome rows and awesome columns--->
< /table>
然后,使用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是奇数还是偶数来设置奇数或偶数类”
希望有帮助 {{if($index%2)==0}
{{if ($index %2) == 0}}
<div id="item odd">
{{else}}
<div id="item even">
{{/if}}
{{else}
{{/if}
此方法的一个简单版本是。它使用第n个子选择器。@JackieChiles,太棒了!,非常优雅的解决方案,从现在开始使用!第n个子选择器非常酷。如果我不必让这个网站与IE7兼容,我会同意的。
{{if ($index %2) == 0}}
<div id="item odd">
{{else}}
<div id="item even">
{{/if}}