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());

Answer 2

可能涉及的人。我需要合并两个表。第一个是asp.net Gridview，它只在运行时是一个html表，一个htmltable我动态创建。下面的javascript是我如何合并这两个，并通过隐藏它在后面使后一个表不可见。

  <script type="text/javascript" language="javascript">
     // dit script plakt de rows van de ene tabel aan die van de tweede. 
     function AlignHeaders() {
         $("#tblHeader > tbody:last")
     .append($("#gvKlantInfo > tbody").html());
     }

     $('.divDatagrid').hide(); //this hides the second grid

使用jQuery合并2个表

2 个答案: