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

Question

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

1. 根据 groupid 对行进行物理分组
2. 在第 1 步之后，我想在该组下方动态添加一行，其中仅包含该组的损益小计。

因此，每个组可以包含许多行，并且每个组将有一个小计行，该行将该组的所有损益相加。我只想确保小计行始终位于该组中最后一行的正下方。

每当有人向我的表中添加新行时，我都需要能够执行此操作（我允许他们通过 UI 动态添加新行）。也就是说，如果有人添加了一个新行并给它一个 groupid 3，我需要在那一刻将该行与其他 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);
}