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-data的三种用法
Apr 18 jQuery
jquery中each循环的简单回滚操作
May 05 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
JQuery EasyUI的一些常用组件
Jul 12 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
jQuery实现带进度条的轮播图
Sep 13 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
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
初学JavaScript第二章
2008/09/30 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
js实现杯子倒水问题自动求解程序
2013/03/25 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
微信小程序 支付功能实现PHP实例详解
2017/05/12 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
bootstrap confirmation按钮提示组件使用详解
2017/08/22 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
Python列表推导式、字典推导式与集合推导式用法实例分析
2018/02/07 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
python构造函数init实例方法解析
2020/01/19 Python
python爬虫请求头设置代码
2020/07/28 Python
营销与策划个人求职信
2013/09/22 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
中秋寄语大全
2014/04/11 职场文书
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS