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

前端之家收集整理的这篇文章主要介绍了如何使用jQuery在表的中间添加行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一张桌子,上面有顾客的名字以及他们用他们的价格购买的产品.因此每个客户都有多条记录.此表是简单的3列表:名称,产品和价格.

我想做的是:

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

编辑

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

<table>
    <tr>
        <td> name1 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
    <tr>
        <td> name1 </td>
        <td> product2 </td>
        <td> 200 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product3 </td>
        <td> 50 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
</table>

我想将其转换为:

<table>
    <tr>
        <td> name1 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
    <tr>
        <td> name1 </td>
        <td> product2 </td>
        <td> 200 </td>
    </tr>
    <!-- New row -->
    <tr>
        <td>  </td>
        <td>  </td>
        <td> 300 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product3 </td>
        <td> 50 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
    <!-- New row -->
    <tr>
        <td>  </td>
        <td>  </td>
        <td> 150 </td>
    </tr>
</table>

解决方法

使用jQuery,您可以选择其中一个后代元素中包含用户名的所有行.我假设用户名是唯一的.
$("tr:contains('" + username + "')")

现在,得到最后一个

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

并使用after函数插入新行.

原文链接:https://www.f2er.com/jquery/178227.html

猜你在找的jQuery相关文章