CoffeeScriptでモジュラスを使って交互に行を書く方法は？

Question

ここでは、典型的な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"; 
     }  
     } 
    } 
    } 

更新

私は（それがすべての行#efefefます）jQueryのを使用して、これをしようとしているが、それは動作しませんよ。

$(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') 

Answer 1

もう少し簡潔：

for row, i in $('tbody tr') 
    color = if i % 2 is 0 then '#363636' else '#efefef' 
    $(row).css 'background-color', color 

Answer 2

がiがループを保持しているfor row, i in rowsを、試してみてくださいカウンタ。

Answer 3

あなたの最終目標は、ちょうどに異なるスタイルを適用する場合あなたはまた、jqueryの

$('tbody tr:even').css 'background-color', '#363636' 
$('tbody tr:odd').css 'background-color', '#efefef' 

Answer 4

が提供する偶数/奇数メタセレクタに興味がある可能性があり奇数/偶数行を試してみてください：

// CSS file 

#myTable tr:nth-child(even) { background-color: #363636; } 
#myTable tr:nth-child(odd) { background-color: #efefef; } 

いいえJSここでは、単純なCSSですが、スタイリングは良好ですプレゼンテーションの懸念。

しかし、それは（比較的）現代的なブラウザでのみ動作します：IE 9+、Firefox 4+、Chrome ...