使用Meteor Handlebars模板渲染表，以便行具有不同的颜色

Question

如何以这样的方式渲染带有把手模板的表格，每个奇数行的颜色与每个偶数行的颜色不同？

有没有办法在{{#each}}语句中获取数组索引，还是应该在模板助手方法中设置索引属性？

Answer 1

实现此目标的最简单方法是通过nth-child选择器：

.my-table tr:nth-child(2n+1) {
  background: orange;
}

.my-table tr:nth-child(2n+2) {
  background: orangered;
}

除了IE＆lt; = 8，see here之外，所有浏览器都能理解。