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);
}