如何使用jQuery在表的中间添加行？

我有一张桌子，上面有顾客的名字以及他们用他们的价格购买的产品。因此每个客户都有多条记录。此表是简单的3列表：名称，产品和价格。

我想做的是：

把属于一个客户的所有记录放在一起（我已经完成了），然后在这些行之后添加一个新的额外行，它只显示每个客户购买的所有产品的总价。此行的名称和产品列中将包含空单元格。并且会有总价格列。

编辑

它只是一个简单的简单表，没有任何类或ID。客户明智分组表由php生成。所以我有一张这样的桌子

   name1   product1   100  
   name1   product2   200  
   name2   product3   50  
   name2   product1   100

我想将其转换为：

    name1   product1   100  
   name1   product2   200  
        300  
   name2   product3   50  
   name2   product1   100  
        150

使用jQuery，您可以选择其中一个后代元素中包含用户名的所有行。我假设用户名是唯一的。

 $("tr:contains('" + username + "')")

现在，得到最后一个

 $("tr:contains('" + username + "')").last()

并使用after函数插入新行。

 var prize = 1 * 1; var newrow = $('' + prize + ''); $('#rowid').after(newrow);

要么

 newrow.insertAfter('#rowid');

其中#rowid是您要添加新行的行中的ID。