jquery – 从表中删除行后重置斑马纹样式

@L_450_0@一个表,使用bootstrap,使用：nth-​​child来设置交替表行的样式.但是,每当我使用jQuery .hide()删除行时,交替的行都会中断.

HTML：

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<table id='t1' class="table table-bordered table-Striped table-condensed table-hover table-even-widths">
    <thead>
        <tr>
            <th>heading A</th>
            <th>heading B</th>
            <th>heading C</th>
        </tr>
    </thead>
    <tbody>
        <tr id='r1'>
            <td>0</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr id='r2'>
            <td>1</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr id='r3'>
            <td>2</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr id='r4'>
            <td>3</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr id='r5'>
            <td>4</td>
            <td>b</td>
            <td>c</td>
        </tr>
    </tbody>
</table>

JS：

$( ‘#R4’)隐藏().

http://jsfiddle.net/saznq/1/

我想知道是否有一种简单的方法可以使用新配置重置表.我总是可以创建自己的.even和.odd类,并在每次更新后过滤表以删除并重新应用类,但希望有一个更优雅的解决方案.

$('#r4').after('<tr></tr>').hide();