使用jQuery在特定模式中移動表格行

Question

我有一張基本類似於這樣的行的表格。

• 的標準行
• 的標準行
• 的標準行
• 摘要行
• 的標準行
• 摘要行
• 的標準行
• 的標準行
• 摘要行

所以基本上是X「正常行」，它總是跟着一個「彙總行」。彙總行顯示普通行中數據的彙總。我在運行時計算聚合，因此「彙總行」自然放在它們聚合的正常行之後。

我需要做的就是在運行時將每個「彙總行」移到它之前的「正常行」的簇的上方。所以我結束了：

• 摘要行
• 的標準行
• 的標準行
• 的標準行
• 摘要行
• 的標準行
• 摘要行
• 的標準行
• 正常行

..等

因此，通過適當地給予css類，說階級=「摘要」和class =「正常」，我想編寫一個選擇查詢每個「摘要行」匹配，並將其有效地移動到第一個「正常行」之前。

什麼是最優雅的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它可能是更容易做。