删除表行但保留CSS备用行格式

Question

所以我有一个表格，它有一个行的交替格式（比方说灰色和白色）。我正在使用tr.remove（）jquery函数删除一行，当然，它上面/下面的行的css不会改变，并且它们将保持奇/偶样式。基本上是：

Before Deletion         After Deletion

grey                    grey
white                   white
grey                    white
white                   grey
grey

有没有办法快速强制表格“刷新”样式？或者我是否必须使用jquery手动应用它们？

非常感谢！

Answer 1

使用CSS进行样式处理，而不是使用奇数/偶数类/硬编码值。

＆＃13;

＆＃13;

document.querySelector("tbody").addEventListener("click", function(e) {
    var td = e.target,
        tr = td.parentNode;
        tr.parentNode.removeChild(tr);
    
});

＆＃13;

    tr:nth-child(even) {
      background-color: #FFF;
    }
    
    tr:nth-child(odd) {
      background-color: #CCC;
    }

＆＃13;

<table>
  <tbody>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;