循环数据并插入表中

时间:2010-10-21 13:39:05

标签: jquery loops for-loop

我正在尝试使用jquery将数据放入表中。数据在属性和数组中,我需要通过该数组来提取我需要的信息。

使用以下内容,我将一些内容放入数组:

$(Stuff).find("desc").each(function(index) {
    stuffArray[index]=$(this).text();
});

我把它放在一张桌子里

$("#table").append('<td><a href="'+ siteRoot+'/'+item.url'"></a><td>'+item.title'</td><td>' + stuffArray[i+1] + '</td>');

我猜我应该循环stuffArray,但我不知道怎么做追加这样的东西。

2 个答案:

答案 0 :(得分:0)

如果你想循环stuffArray并将内容添加到表中,你可以做类似的事情:

for(var x=0;x<stuffArray.length;x++){
    $("#table").append('<tr><td>'+stuffArray[x]+'<td></td>'+stuffArray[x]+'</td></tr>');
}

查看一个精简的示例here

<强>更新 回应你的意见: 你仍然希望循环,但不是为StuffArray中的每个元素创建一个新行,而是向表中添加一个新的<td>元素,如:

var markup = '<tr>';
for(var x=0;x<stuffArray.length;x++){
  markup += '<td>'+stuffArray[x]+'</td>';
}
markup+='</tr>';
$('#table').append(markup);

Updated Example

答案 1 :(得分:0)

你可能应该将表结构括在for循环中。结构如下:

 for(var i = 0; i < stuffArray.length; i++) {
    $("#table").append('<tr><td><a href="'+ siteRoot+'/'+item.url'"><td>'+item.title'</td><td>' + stuffArray[i+1] + '</td></tr>');

}