Knightout JS table hilight - jquery, knockout.js, cada uno

Estoy tratando de agregar colores alternos en la tabla usando jQuery. El problema es que estoy usando Knockout y cuando cada uno hace el estilo se aplica a todos los tr. Mi problema está aquí: http://jsfiddle.net/PUc3J/2/

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

Gracias

Respuestas

5 para la respuesta № 1

Usted podría simplemente utilizar CSS solo para lograr el color de la fila de la tabla alternativa, siempre y cuando no esté preocupado por la compatibilidad con Internet Explorer 8 o inferior.

http://jsfiddle.net/GJw7R/

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

referencias:
1. http://davidwalsh.name/css-tables-css3-alternate-row-colors
2. Mesas de Twitter Bootstrap
3. ¿Puedo usar - selectores CSS3

---

Alternativamente, usted podría evitar recurrir a jQuery y simplemente usar el enlace css en Knockear.

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>

...o...

http://jsfiddle.net/ZDDrT/

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

---

2 para la respuesta № 2

Ver el violín actualizado, arreglé tu HTML: http://jsfiddle.net/tkirda/PUc3J/3/

Además, hay una forma más sencilla de encontrar filas alternativas:

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

---