您的位置:首页 > Web前端 > JQuery

jquery实现table行复制粘贴功能

2017-07-06 10:48 316 查看
1.实现代码如下

/**复制粘贴*/
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重复及事件绑定的问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery table 函数