广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机教程 > 正文

jQuery实现html table行Tr的复制、删除、计算功能_惠州Jquery培训

作者:黄君发布时间:2020-12-09分类:计算机教程浏览:1102


导读:jQuery实现html table行Tr的复制、删除、计算功能,下面这篇文章主要介绍了jQuery实现html table行Tr的复制、删除、计算功能,涉及jQuery针对table表格的常见复制、添加、删除与计算行数等简单操作技巧,具体如下:......

文章主要介绍了jQuery实现html table行Tr的复制、删除、计算功能,涉及jQuery针对table表格的常见复制、添加、删除与计算行数等简单操作技巧,具体如下:

  添加行:

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


标签:惠州北大青鸟惠州JAVA培训惠州IT培训惠州软件培训惠州软件开发惠州Jquery培训


计算机教程排行
标签列表
网站分类
文章归档
最近发表