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

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

根据groupid对行进行物理分组

在步骤#1之后，我想在该组下面动态添加一行，其中只包含该组的损益小计

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

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

使用

元素对表行进行分组

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

...
...
...
...
...

与：

函数追加（代码、金额）{
$（“”）.text（amoung）.wrap（“”）.appendTo（“#”+代码）；
var小计=$（“#”+代码+“#小计td”）；
小计文本（小计文本（）+金额）；
}

您尝试过自己做吗？您似乎非常清楚这些要求，为什么不发布您失败的尝试并描述哪里出了问题？我尊重地说，但你的问题看起来更像是“请为我做我的工作”，而不是“请帮我解决这个问题”。不知道你在说什么。我还没有试过，因为我想不出一个好办法。我在寻找指针/想法，不一定是代码。我最近开始使用jquery，并找到了很多简单的方法。我还没有找到实现这一目标的最佳方法。说句公道话，也许我只是误解了问题的基调。

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