Knockout JS表hil

Question

我想在表中使用jQuery添加交替颜色。问题是我正在使用Knockout，每个样式都适用于所有tr。我的问题是在这里：http://jsfiddle.net/PUc3J/2/

$(function(){ 
    $(".tk-table tbody tr") 
     .each(function(i){ 
      if(i % 2 == 0){ 
       $(this).addClass('hilight'); 
      } 
     }) 
}); 

THX

Answer 1

只要你不关心，你可以使用单独的CSS来完成替代表格的行颜色。关于支持Internet Explorer 8或更低版本。

http://jsfiddle.net/GJw7R/

.tk-table tbody tr:nth-child(odd) { 
    background-color: #eaeded; 
} 

引用：
1. http://davidwalsh.name/css-tables-css3-alternate-row-colors
2. Twitter Bootstrap tables

---

另外，您可避免诉诸jQuery和只使用 css binding in Knockout。

http://jsfiddle.net/9UDkg/

<tbody data-bind="foreach: data"> 
    <tr data-bind="css: $index() % 2 === 0 ? 'hilight' : ''"> 
     <td><p data-bind="text: online"></p></td> 
     <td><p data-bind="text: name"></p></td> 
     <td><p data-bind="text: email"></p></td> 
    </tr> 
</tbody> 

......或者......

http://jsfiddle.net/ZDDrT/

<tr data-bind="css: {'hilight': $index() % 2 === 0}"> 

Answer 2

见更新小提琴，我定你的HTML：http://jsfiddle.net/tkirda/PUc3J/3/

此外，还有更简单的找到交替行的方式：

$(".tk-table tr:odd").addClass('hilight');