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 相关文章推荐
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jQuery遮罩层实例讲解
May 11 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
jQuery实现电梯导航模块
Dec 22 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日期时间函数的高级应用技巧
2009/05/16 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
基于jquery的无刷新分页技术
2011/06/11 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
javascript函数特点实例分析
2015/05/14 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
JS字符串按逗号和回车分隔的方法
2017/04/25 Javascript
Vue计算属性的使用
2017/08/04 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
JS实现动态添加外部js、css到head标签的方法
2019/06/05 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
[02:07]2017国际邀请赛中国区预选赛直邀战队前瞻
2017/06/23 DOTA
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
C#的几个面试问题
2016/05/22 面试题
高中生自我评价个人范文
2013/11/09 职场文书
毕业生实习鉴定
2013/12/11 职场文书
餐厅筹备计划书
2014/04/25 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
2015年保管员工作总结
2015/04/30 职场文书
详解如何修改nginx的默认端口
2021/03/31 Servers
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android