JavaScript

超轻量级php框架startmvc

jQuery实现html table行Tr的复制、删除、计算功能

更新时间:2020-05-23 11:30:01 作者:startmvc
本文实例讲述了jQuery实现htmltable行Tr的复制、删除、计算功能。分享给大家供大家参考,具

本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下:

添加行:


function addtr(){
 var tr = $("#tb tr").eq(0).clone();
 tr.appendTo("#tb");
 //tr.insertBefore("#tb tr:last");
}


<table id="tb">
 <tr> </tr> // tr 的下标从 0 开始
 <tr> </tr>
</table>

删除行:

index  要删除的 table 的 tr 的下标


$("#tb_id tr").eq(index).remove();

计算 table 中 tr 的 个数:


("#tb tr").length

jQuery html table 行Tr 复制 删除 计算