如何使用jQuery在表中创建子组？

Question

我正在创建股票投资组合。每行都是股票，它的数据包括盈利/亏损。每行都有一个用户可以指定的groupid。这个想法是我想：

1. 根据groupid对行进行物理分组
2. 在步骤＃1之后我想在该组下面动态添加一行，并且只包含该组的利润/亏损小计。

因此每个组可以包含许多行，每个组将有一个小计行，用于累计该组的所有利润/损失。我只是想确保小计行总是在该组的最后一行的正下方。

每当有人向我的表添加新行时，我都需要能够这样做（我允许他们通过UI动态添加新行）。也就是说，如果有人添加了一个新行并给它一个3的groupid，那么我需要在那一刻将该行与其他groupid 3行粘在一起并将其包含在小计计算中。

Answer 1

使用<tbody>元素对表格行进行分组。

<table>
<tbody id="GOOG">
  <tr>...</tr>
  <tr>...</tr>
  <tr>...</tr>
</tbody>
<tbody id="GOOG_subtotal">
  <tr>...</tr>
</tbody>
...
</table>

使用：

function append(code, amount) {
  $("<td></td>").text(amoung).wrap("<tr></tr>").appendTo("#" + code);
  var subtotal = $("#" + code + "_subtotal td");
  subtotal.text(subtotal.text() + amount);
}