我在页面上有几个表格以及一个复选框,根据其中一个单元格的内容显示/隐藏行。当所有行都可见时,一切都很完美,行颜色按需交替显示。但是当我隐藏行时,交替的行颜色就不再正确(显然)。如何轻松更新类以保持交替的行颜色,使复选框被选中时保持,然后在取消选中复选框后恢复正常?
<table id='27249'><thead><tr><th>h1</th><th>h2</th><th>h3</th><th>h4</th><th>h5</th><th>h6</th></tr><thead><tbody>
<tr class='odd'><td>text</td><td>text</td><td>text</td><td>$0.25 </td><td></td><td></td></tr>
<tr class='even'><td>text</td><td>text</td><td>text</td><td>$0.25 </td><td></td><td></td></tr>
<tr class='odd'><td>text</td><td>text</td><td>text</td><td>$0.25 </td><td></td><td></td></tr>
<tr class='even'><td>text</td><td>text</td><td>text</td><td>$0.25 </td><td></td><td></td></tr>
</tbody></table>
Jsfiddle示例 - http://jsfiddle.net/6bfjw/3/