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插件制作 自增长输入框实现代码
Aug 17 jQuery
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
jQuery 表单序列化实例代码
Jun 11 jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jquery+css实现Tab栏切换的代码实例
May 14 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
PHP5+UTF8多文件上传类
2008/10/17 PHP
jQuery+Ajax+PHP“喜欢”评级功能实现代码
2015/10/08 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
PHP-FPM和Nginx的通信机制详解
2019/02/01 PHP
javascript 小数取整简单实现方式
2014/05/30 Javascript
jQuery中:visible选择器用法实例
2014/12/30 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
详解vue渲染函数render的使用
2017/12/12 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
python实现按任意键继续执行程序
2016/12/30 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
pymysql的简单封装代码实例
2020/01/08 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
物流仓储实习自我鉴定
2013/09/25 职场文书
安全环保标语
2014/06/09 职场文书
目标责任书格式
2014/07/28 职场文书
2014年秘书工作总结
2014/11/25 职场文书
预备党员自我评价范文
2015/03/04 职场文书
帝企鹅日记观后感
2015/06/10 职场文书
捐款仪式主持词
2015/07/04 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL