jQuery实现html table行Tr的复制、删除、计算功能
更新时间：2017年07月10日 12:15:45 作者：-droidcoffee-
这篇文章主要介绍了jQuery实现html table行Tr的复制、删除、计算功能,涉及jQuery针对table表格的常见复制、添加、删除与计算行数等简单操作技巧,需要的朋友可以参考下
本文实例讲述了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表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery html表格排序插件tablesorter使用方法详解
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- 使用jQuery操作HTML的table表格的实例解析
- JQuery动态给table添加、删除行 改进版
- jquery获取table中的某行全部td的内容方法
- jQuery操作表格（table）的常用方法、技巧汇总
- jquery遍历table的tr获取td的值实现方法
- JQuery DataTable删除行后的页面更新利用Ajax解决
- jquery中的sortable排序之后的保存状态的解决方法
- jQuery表格插件datatables用法详解
- 使用jquery为table动态添加行的实现代码
相关文章
最近的项目中，好几次用到操作文本域的方法，比如光标位置、删除光标前字符等。每次都是查阅资料（这部分操作涉及到的js方法都比较生僻），费时费事。于是就封装了一个jQuery扩展2014-03-03
本文目的：为了了解stop()的用法，举个例子，直观的方式看看。非常的简单实用，有需要的小伙伴参考下2014-11-11
这篇文章主要介绍了jquery 键盘事件的使用方法详解的相关资料,主要介绍keydown()、keyup()、keypress()等三种方法，需要的朋友可以参考下2017-09-09
轻松使用jQuery双向select控件Bootstrap Dual Listbox
这篇文章主要教大家如何轻松使用jQuery双向select控件Bootstrap Dual Listbox，感兴趣的小伙伴们可以参考一下2015-12-12
单选按钮以及复选按钮的使用情况还是蛮多的,多选按钮使用toggleClass()方法就可以实现，下面小编给大家介绍单选按钮的实现，感兴趣的朋友一起看下吧2016-06-06
这篇文章主要介绍了jQuery事件的绑定、触发、及监听方法简单说明,使用jQuery的事件会使代码更加简单,同时对各浏览器的兼容性也还不错,需要的朋友可以参考下2016-05-05
下面小编就为大家带来一篇浅谈jquery点击label触发2次的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
今天小编就为大家分享一篇jquery 动态遍历select 赋值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了jQuery基于xml格式数据实现模糊查询及分页功能的方法,涉及jQuery使用ajax技术针对xml格式数据的读取、模糊查询及分页显示等相关操作技巧,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了jquery使用正则表达式验证email地址的方法,以实例形式分析了正则表达式的使用技巧,需要的朋友可以参考下2015-01-01
最新评论