Looping stuff and getting the stuff into a table

Question

I am new to javascript/jquery so this is a noob question :)

I am trying to get stuff into table with jquery. The stuff/data is in attributes and array and I would need to go trough that array to get that stuff.

In this I put some content into a array:

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

Here I put it into a table

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

I should loop the stuffArrau there I guess? But I dont know how to do it inse append thing like that.

Answer 1

If you want to loop round the stuffArray and add the contents to the table you can do something like:

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

see a stripped down example here

Update In response to your comments: You still want to loop round but rather than create a new row for each element in StuffArray, add a new <td> element to the table, like:

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

Updated Example

Answer 2

you should probably enclose the table construction in a for loop then. The structure is like:

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

}