使用jQuery以特定模式移动表行

Question

我有一个基本上像这样的行的表。

• Normal Row
• Normal Row
• Normal Row
• 摘要行
• Normal Row
• 摘要行
• Normal Row
• Normal Row
• 摘要行

所以基本上是X“普通行”，后面总是会跟着“汇总行”。摘要行显示正常行中数据的聚合。我在运行时计算聚合，因此“汇总行”自然地放在它们聚合的正常行之后。

我需要做的就是在运行时将每个“摘要行”移动到它前面的“正常行”的块之上。所以我最终得到了：

• 摘要行
• Normal Row
• Normal Row
• Normal Row
• 摘要行
• Normal Row
• 摘要行
• Normal Row
• Normal Row

..等等。

所以通过给它们适当的css类，比如class =“summary”和class =“normal”，我想写一个匹配每个“摘要行”的选择器查询，并有效地将它移到第一个“正常行”之上“在它之前。

最优雅的jquery方式是什么？

Answer 1

请参阅以下粗略演示here。我采用方法从最后一个摘要行开始，并在前面的摘要行之后移动它。当然，第一个摘要没有前一行，所以你需要检查这个并将它移动到tbody的第一行。

Answer 2

我怀疑如果将标记更改为

，可能会更容易

<table>
  <tbody>
    <tr>Normal Row
    <tr>Normal Row
    <tr>Normal Row
    <tr>Summary Row
  <tbody>
    <tr>Normal Row
    <tr>Summary Row
  <tbody>
    <tr>Normal Row
    <tr>Normal Row
    <tr>Summary Row
</table>

HTH。