Han*_*ver 3 javascript coffeescript
我在这里有一个典型的JavaScript代码示例(将背景样式类应用于表中交替的奇数或偶数行的代码).我试图在CoffeeScript中重写这个,试图学习它.CoffeeScript范围语法不同,更具Ruby特色.我真的很感激你如何做到这一点的一个例子?
function alternate(id){
if(document.getElementsByTagName){
var table = document.getElementById(id);
var rows = table.getElementsByTagName("tr");
for(i = 0; i < rows.length; i++){
//manipulate rows
if(i % 2 == 0){
rows[i].className = "even";
}else{
rows[i].className = "odd";
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
更新
我正在使用JQuery并尝试这个但它不起作用(它使所有行#efefef):
$(document).ready ->
rowCount = $('tbody tr')
for row in rowCount
if row.length % 2 == 0
$('tbody tr').css('background-color', '#363636')
else
$('tbody tr').css('background-color', '#efefef')
Run Code Online (Sandbox Code Playgroud)
更简洁一点:
for row, i in $('tbody tr')
color = if i % 2 is 0 then '#363636' else '#efefef'
$(row).css 'background-color', color
Run Code Online (Sandbox Code Playgroud)
您可能还对jquery提供的偶数/奇数元选择器感兴趣
$('tbody tr:even').css 'background-color', '#363636'
$('tbody tr:odd').css 'background-color', '#efefef'
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
4823 次 |
| 最近记录: |