Javascript 使用Meteor Handlebars模板渲染表,使行具有不同的颜色
如何以这样的方式渲染带有把手模板的表,即每一奇数行的颜色都不同于每一偶数行的颜色Javascript 使用Meteor Handlebars模板渲染表,使行具有不同的颜色,javascript,meteor,handlebars.js,Javascript,Meteor,Handlebars.js,如何以这样的方式渲染带有把手模板的表,即每一奇数行的颜色都不同于每一偶数行的颜色 有没有办法在{{{each}}语句中获取数组索引,或者我应该在templates helper方法中设置索引属性?实现这一点的最简单方法是通过第n个子选择器: .my-table tr:nth-child(2n+1) { background: orange; } .my-table tr:nth-child(2n+2) { background: orangered; } 除了IE之外,所有浏览器都能
有没有办法在
{{{each}}
语句中获取数组索引,或者我应该在templates helper方法中设置索引属性?实现这一点的最简单方法是通过第n个子
选择器:
.my-table tr:nth-child(2n+1) {
background: orange;
}
.my-table tr:nth-child(2n+2) {
background: orangered;
}
除了IE之外,所有浏览器都能理解这一点。为此,您可能应该使用CSS(第n个子选择器+偶数/奇数规则)。检查这个链接和谷歌。我总是用JS给行着色,但这似乎是一个更干净的解决方案。谢谢!