Цикл данных и вставка в таблицу

Question

Я пытаюсь получить данные в таблицу с помощью 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, но я не знаю, как добавить такие вещи.

Answer 1

тогда вам, вероятно, следует заключить конструкцию таблицы в цикл 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>');

}

Answer 2

Если вы хотите обойти циклический материал stuffArray и добавить содержимое в таблицу, вы можете сделать что-то вроде:

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

см. Упрощенный пример здесь

Обновление В ответ на ваши комментарии: Вы все еще хотите выполнить цикл, но вместо того, чтобы создавать новую строку для каждого элемента в StuffArray, добавьте новый элемент <td> в таблицу, например:

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

Обновленный пример