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


Posted in jQuery onJuly 10, 2017

本文实例讲述了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 相关文章推荐
jQuery异步提交表单实例
May 30 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
Jquery $.map使用方法实例详解
Sep 01 jQuery
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 #jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 #jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 #jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 #jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 #jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 #jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 #jQuery
You might like
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
PHP 反射机制实现动态代理的代码
2008/10/22 PHP
php下统计用户在线时间的一种尝试
2010/08/26 PHP
JavaScript与函数式编程解释
2007/04/27 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
2015/10/08 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
微信小程序显示下拉列表功能【附源码下载】
2017/12/12 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
原生JS实现留言板
2020/03/26 Javascript
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
Python使用itcaht库实现微信自动收发消息功能
2020/07/13 Python
python 基于opencv实现图像增强
2020/12/23 Python
详解python中的异常和文件读写
2021/01/03 Python
Python中的面向接口编程示例详解
2021/01/17 Python
html5 canvas手势解锁源码分享
2020/01/07 HTML / CSS
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
个人简历自我评价八例
2013/10/31 职场文书
《火烧云》教学反思
2014/04/12 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
工作能力自我评价2015
2015/03/05 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
Java使用jmeter进行压力测试
2021/07/09 Java/Android
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android