jquery实现table行复制粘贴功能
2017-07-06 10:48
316 查看
1.实现代码如下
2.说明
a.选择checkbox选中的行,使用clone()方法保存
b.不能直接使用trArr.push($(this).parent()),因为元素本身在table中已经存在.
c:clone()说明:该方法生成被选元素的副本,包含子节点,文本和属性。因此,需要注意ID重复及事件绑定的问题
/**复制粘贴*/ function copypaste() { var trArr = []; $('#tp-audit-busi-add-tbody tr td:nth-child('+tpAuditBusiAdd.cbxIndex+')').each(function () { if($(this).children().prop('checked')){ trArr.push($(this).parent().clone()); } }); if(trArr.length<1){ $.alert("请选择要复制粘贴的行!"); return; } for(var i = 0;i<trArr.length;i++){ $('#tp-audit-busi-add-tbody').append(trArr[i]); } refreshRow(); }
2.说明
a.选择checkbox选中的行,使用clone()方法保存
b.不能直接使用trArr.push($(this).parent()),因为元素本身在table中已经存在.
c:clone()说明:该方法生成被选元素的副本,包含子节点,文本和属性。因此,需要注意ID重复及事件绑定的问题
相关文章推荐
- javascript实现复制与粘贴功能
- jquery禁用右键、文本选择功能、复制按键的实现
- JS实现复制/粘贴功能
- 实现JTextfield 的右键 复制、剪切、粘贴功能。
- 实现Swing的JTables和Excel间的复制和粘贴功能
- ZeroClipboard 完美实现复制粘贴功能、跨浏览器兼容
- android 复制 粘贴 功能实现
- jquery禁用右键、文本选择功能、复制按键的实现
- jquery禁用右键、文本选择功能、复制按键的实现
- JQuery禁用右键、文本选择功能、复制按键的实现(转载)
- 实现JTextfield 的右键 复制、剪切、粘贴功能。
- JS实现复制/粘贴功能
- 关于网页实现像excel复制粘贴功能的问题
- jquery禁用右键、文本选择功能、复制按键的实现
- 剪贴板——C# 复制、粘贴、撤销、剪切功能实现。
- 实现 Swing 的 JTables 和 Excel 间的复制和粘贴功能
- iOS开发_iphone 实现剪贴板操作_iphone 复制粘贴功能
- 如何利用JS实现复制/粘贴功能
- jquery禁用右键、文本选择功能、复制按键的实现
- android 复制 粘贴 功能实现