Boucler les données et les insérer dans une table

Question

J'essaie d'obtenir des données dans une table avec jquery. Les données sont dans des attributs et un tableau et je devrais aller à travers ce tableau pour extraire l'information dont j'ai besoin.

En utilisant ce qui suit, je mets un peu de contenu dans un tableau:

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

Ici, je le mets dans une table

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

Je suppose que je boucle la stuffArray mais je n » Je sais comment faire des choses comme ça.

Answer 1

Si vous voulez faire une boucle autour du stuffArray et ajouter le contenu à la table que vous pouvez faire quelque chose comme:

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

voir un exemple dépouillé here

Mise à jour En réponse à votre comments: Vous voulez toujours boucler, mais plutôt que de créer une nouvelle ligne pour chaque élément dans StuffArray, ajoutez un nouvel élément <td> à la table, comme:

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

vous devriez probablement inclure la construction de la table dans une boucle puis. La structure est comme:

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

}