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

jQuery我可以在这个javascript函数中使用append/appendTo吗,javascript,jquery,html-table,append,Javascript,Jquery,Html Table,Append,我创建了一个函数,它成功地将行/单元格追加到表中,并从数组中填充它们。问题是它们被追加到表的顶部 之所以这样做是因为行var row=tbody.insertRow(r)…我想/希望如此 下面链接中要查看的函数是appendTable(id) 下面是附在顶部的工作示例: 我在想类似这样的东西会起作用:varrow=insertRow(r.appendTo('tbody>tr:last')但是它只是破坏了函数 我还在同一行上尝试了许多不同的.append()和.appendTo()组合,但都没有成

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

之所以这样做是因为行
var row=tbody.insertRow(r)…我想/希望如此

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

下面是附在顶部的工作示例:

我在想类似这样的东西会起作用:
varrow=insertRow(r.appendTo('tbody>tr:last')但是它只是破坏了函数

我还在同一行上尝试了许多不同的
.append()
.appendTo()
组合,但都没有成功。 作为最后的努力,我尝试了行
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 = "<input type='text' size='1' value='" + subset[i++] + "' />"
        }
    }
}
函数追加表(id)
{
var tbody=document.getElementById(id).getElementsByTagName(“tbody”)[0];
var i=0;
对于(var r=0;r<2;r++){
变量行=tbody.insertRow(r);
对于(var c=0;c<4;c++){
var单元=行插入单元(c);
cell.innerHTML=“”
}
}
}
另一方面,我曾尝试(未成功)在
之后插入
,但读到无法在页面加载中不存在的内容上使用它。

在指定索引处添加一行

当该参数(
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.
    }
}
函数追加表(id)
{
var tbody=document.getElementById(id).getElementsByTagName(“tbody”)[0];
变量长度=tbody.rows.length;
对于(var r=length;r
为行创建字符串并将其附加到tbody中是可行的,从文档中看,它似乎是appendTo()的预期用途

函数追加表(id)
{
var tbody=document.getElementById(id).getElementsByTagName(“tbody”)[0];
var i=0;
对于(var r=0;r<2;r++){
变量行=tbody.insertRow(r);
var rowtext='';
对于(var c=0;c<4;c++){
rowtext+='';
}
rowtext+='';
$(rowtext).appendTo(tbody);
}
}

这比我预想的要容易得多。谢谢你…继续下一步!我用一个工作示例创建了一个小提琴:
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 = '<tr>';
        for (var c = 0; c < 4; c++) {
            rowtext += '<td><input type="text" size="1" value="x" /></td>';
        }
        rowtext += '</tr>';
        $(rowtext).appendTo(tbody);
    }
}