数码资讯
jQuery实现html table行Tr的复制、删除、计算功能
本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下: 添加行: function addtr(){ var tr = $("#tb tr").eq(0).clone(); tr.appendTo("#tb"); //tr.insertBef
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。