jQuery我可以在这个javascript函数中使用append / appendTo

我创建了一个函数，它成功地附加了一个包含行/单元格的表，并从数组中填充它们。 问题是它们被附加到表的顶部。

这样做是因为行var row = tbody.insertRow(r); ……我想/希望。

在下面的链接中查看的函数是appendTable(id)

以下是附加到顶部的工作示例： http ： //jsfiddle.net/JEAkX/4/

我认为这样的事情会起作用： var row = insertRow(r).appendTo('tbody>tr:last'); 但它刚刚打破了这个function。

我也在同一行上尝试过.append()和.appendTo()许多不同组合，但没有成功。 作为最后的努力我尝试了行cell.innerHTML = ""变体cell.innerHTML = ""但我相信到那时候位置已经确定。

这是从示例中提取的函数：

 function appendTable(id) { var tbody = document.getElementById(id).getElementsByTagName("tbody")[0]; var i = 0; for (var r = 0; r < 2; r++) { var row = tbody.insertRow(r); for (var c = 0; c < 4; c++) { var cell = row.insertCell(c); cell.innerHTML = "" } } } 

在一方面，我没有尝试（失败） insertAfter一次，但读到我将无法在页面加载时不存在的东西上使用它。

Answer 1

insertRow在指定的索引处添加一行。

当该参数（代码中的r ）为零时，它会将行添加到表的顶部。 要将它们添加到最后，请使用表格的当前长度作为起点：

 function appendTable(id) { var tbody = document.getElementById(id).getElementsByTagName("tbody")[0]; var length = tbody.rows.length; for (var r = length; r < length + 1; r++) { var row = tbody.insertRow(r); // etc. } } 

Answer 2

为行创建字符串并将其附加到tbody工作，并从文档中看起来像appendTo（）的预期用途。

 function appendTable(id) { var tbody = document.getElementById(id).getElementsByTagName("tbody")[0]; var i = 0; for (var r = 0; r < 2; r++) { var row = tbody.insertRow(r); var rowtext = ''; for (var c = 0; c < 4; c++) { rowtext += ''; } rowtext += ''; $(rowtext).appendTo(tbody); } }