javascript - 使用 jQuery 合并 2 个表

Question

我正在尝试用 jQuery 将两个表合并为一个新表:

var table = document.createElement("table");

table.id = "mergedTable";

$("#mergedTable > tbody:last")
    .append($("#csvInfoTable2 > tbody").html())
    .append($("#csvInfoTable > tbody").html());

问题是我正在调用 HTML 到 CSV 函数，它说 mergedTable 为空。另外，如果我执行 console.log(table) 它会显示它为空。这些表有不同的列数，但我需要生成类似的内容:

col1,col2,col3 
col1,col2,col3 --> end table1
col1,col2,col3,col4 --> table2
col1,col2,col3,col4.

我正在使用:https://github.com/DrPaulBrewer/html5csv生成文件，如果我分开，它可以与 csvInfoTable 和 csvInfoTable2 一起使用。

谢谢

Answer 1

您没有追加新创建的表。因此 $("#mergedTable > tbody:last") 将失败。

您应该使用 jQuery 来创建表，尽管您可以按照自己的方式进行操作，但请确保附加它。

$('<table />', { id : "mergedTable" }).appendTo('body');

注意:如果您想要 @charlietfl 建议的内容，那么使用您的代码即可实现

var tab = $(table).filter('> tbody:last')
    .append($("#csvInfoTable2 > tbody").html())
    .append($("#csvInfoTable > tbody").html());