Javascript jQuery-是否可以使用方法select元素复制行表？

我想尝试一些新的东西

如果我们选择行表，然后通过选择元素复制它，这可能吗

.ex：当我选择行表并要复制它时，请使用“单击所选文件夹”方法复制它

就像我们使用函数：

如果用户选择ID

#folder1

，则将行复制到ID

#table1

如果用户选择ID

#folder2

，则将行复制到ID

#表2

我以前复制行的代码，我想更改它：

因为这只是通过搜索表进行复制

我想要的例子是，如果我们看到JSFIDLE

删除“复制行”按钮，只需“通过单击表名[表2，表3]进行复制”

我需要创建此函数的参考

---

我希望您能理解，任何帮助都将不胜感激

因此，到目前为止，您所做的是在每次有人单击“复制”按钮时运行“查找表”功能

var tables = $(".allTable").find("table*[id]").not("#table1");
// ...
var tbl_id = this.id; //this is one of the tables of the upper set
var r = confirm("Copy to table " + tbl_id + "?");

此逻辑已找到您的所有表。因此，不必每次用户单击“复制”按钮时都搜索所有表格，您可以在页面加载开始时为

表格中的每个元素创建一个新按钮。然后，每个按钮都可以具有在特定表的上下文中执行的复制逻辑

$.ready(function(){
    var tables = $(".allTable").find("table*[id]").not("#table1");
    tables.each(function(){
        var currentTable = $(this),
            tbl_id = currentTable.attr('id'),
            newButton = $('<button type="button">Copy to table ' + tbl_id + '</button>');
        $('#Copy').parent().append(newButton);
        newButton.click(function(){
            var r = confirm("Copy to table " + tbl_id + "?");
            //Copy the rows to the currentTable variable
        });
    });
});

$.ready（函数（）{
var tables=$（“.allTable”）.find（“table*[id]”）。not（“#table1”）；
表。每个（函数（）{
var currentTable=$（此），
tbl_id=currentTable.attr（'id'），
newButton=$（“复制到表”+tbl_id+”）；
$（'#Copy'）.parent（）.append（newButton）；
单击（函数（）{
var r=确认（“复制到表”+tbl_id+”？”；
//将行复制到currentTable变量
});
});
});

这应该是开发解决方案的良好开端

此外，由于您希望删除通用的
#copy
按钮，因此您需要找到另一个逻辑来获取复制按钮的包装。
正如您所说，当我们单击标题
和标签
表2
或
表3
而不是单击按钮如果这是您想要的工作方式，请参见下文


//代码在这里
$（文档）.ready（函数（）{
/***********主表***************/
var mainTable=$（'#表1'）。数据表({
“ajax”：https://api.myjson.com/bins/zvujb",
“栏目”：[{
“数据”：“id”
}, {
“数据”：“名称”
}, {
“数据”：“子类型”
}, {
“数据”：“近似计数”
}, {
“数据”：“创建时间”
}],
“columnDefs”：[{
“目标”：0，
“复选框”：{
“selectRow”：true
},
“呈现”：函数（数据、类型、完整、元）{
返回“”；
}
}],
“滚动”：“200px”，
})；//主表
/***********次要的***************/
var secondTable=$（'#table2'）。数据表({
“栏目”：[{
“数据”：“id”
}, {
“数据”：“名称”
}, {
“数据”：“子类型”
}, {
“数据”：“近似计数”
}, {
“数据”：“创建时间”
}],
“columnDefs”：[{
“目标”：0，
“复选框”：{
“selectRow”：true
},
“呈现”：函数（数据、类型、完整、元）{
返回“”；
}
}],
“滚动”：“200px”，
“滚动折叠”：“真”
})；//第二表
/***********第三表***************/
var ThirdTable=$（'#表3'）。数据表({
“栏目”：[{
“数据”：“id”
}, {
“数据”：“名称”
}, {
“数据”：“子类型”
}, {
“数据”：“近似计数”
}, {
“数据”：“创建时间”
}],
“columnDefs”：[{
“目标”：0，
“复选框”：{
“selectRow”：true
},
“呈现”：函数（数据、类型、完整、元）{
返回“”；
}
}],
“滚动”：“200px”，
“滚动折叠”：“真”
})第三表
/***************选择选项****************/
mainTable.on（'click'，'tbody tr'，function（）{
$（this.toggleClass（'selected'）；
});
$（“#copyToTable2，#copyToTable3”）。在（'单击'，函数（）上{
设$elem=$（this）；
变量表=$（“#表”+$elem.attr（'id'）。替换（/[a-zA-Z]/ig'）；
var tbl_id=table.attr（'id'）；
var$row=mainTable.find（“.selected”）；
如果（！$row.length）{
log（'必须先选择一些要复制的行'）；
返回；
}否则{
var r=确认（“复制到表”+tbl_id+”？”；
var table_to_copy=table.dataTable（）；
如果（r==true）{
复制行（主表、表到表的副本）；
console.log（“复制！”）；
setTimeout（'console.clear（）'，2000）；
}否则{
//什么也不做。。
}
}
});
}); // $（文档）结束。准备就绪。。。
函数copyRows（fromTable，toTable）{
var$row=fromTable.find（“.selected”）；
$。每个（$行，函数（k，v）{
如果（此！==null）{
addRow=fromTable.fnGetData（此）；
toTable.fnAddData（addRow）；
}
});
}
/*样式在这里*/
#表2\u{
边缘顶部：50px；
左边距：50像素；
}
#表1{
左边距：50像素；
}
table.dataTable tbody tr.selected{
背景色：#b0bed9；
}
table.dataTable.display tbody tr.odd.selected>.sorting_1，
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting\u 1{
背景色：#a6b3cd；
}
table.dataTable.display tbody tr:hover.selected>.sorting\u 1，
table.dataTable.display tbody tr.odd:hover.selected>.sorting\u 1，
table.dataTable.display tbody tr.偶数：hover.selected>.sorting\u 1，
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1，
table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1，
table.dataTable.order-column.hover tbody tr.偶数：hover.selected>.sorting\u 1{
背景色：#a1aec7；
}
#抄袭{
背景：黑色；
颜色：白色；
}

表1
A.
$.ready(function(){
    var tables = $(".allTable").find("table*[id]").not("#table1");
    tables.each(function(){
        var currentTable = $(this),
            tbl_id = currentTable.attr('id'),
            newButton = $('<button type="button">Copy to table ' + tbl_id + '</button>');
        $('#Copy').parent().append(newButton);
        newButton.click(function(){
            var r = confirm("Copy to table " + tbl_id + "?");
            //Copy the rows to the currentTable variable
        });
    });
});