jQuery使用现有表映射数组

Question

在准备好的DOM中，我有一个由多行组成的现有表。

异步我然后得到一个json元素列表。

现在，json数组中的元素数量总是等于表中的行数。

此外，json数组中的第一个元素将永远属于＃34;到表格的第一行，第二行到第二行，依此类推。

所以基本上有一个包含3行的表，这意味着我会得到一个json列表：

$.each(list,function(k,v){
    console.log(v.item);
});

反过来会返回三个项目值：

foo bar baz

我需要的是（坚持上面的例子）＆＃34; foo＆＃34;得到附加到第一个tr（附加一个td），＆＃34; bar＆＃34;到了第二个，＆＃34; baz＆＃34;到第三个。

所以看起来像这样的表：

之后会是这样的：

任何指针都非常感激，有一种感觉我已经失明了。

Answer 1

好吧让我们一步一步解决这个问题。使用适当的表格选择器。

var $rows = $('#myTableId tr'); //store list of rows in a variable

$.each(list,function(index,val){ //for each value in the list
    $rows.eq(index).append('<td>'+val+'</td>') 
    //get each row by index. 
    //This works naturally since first item goes into first row, and etc.
    //append a td element with the content inside.
})