Возможный дубликат Вложенные элементы
Я получаю от серверного ajax-ответа (Json), и я пытаюсь динамически создавать строки таблицы
и добавьте их в существующую таблицу (ID: #records_table
);
Я попытался реализовать решение в возможном дубликате, но это не удалось.
Мой ответ выглядит так:
"[{
"rank":"9",
"content":"Alon",
"UID":"5"
},
{
"rank":"6",
"content":"Tala",
"UID":"6"
}]"
результат запроса выглядит примерно так:
<tr>
<td>9</td>
<td>Alon</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>Tala</td>
<td>5</td>
</tr>
Я хочу что-то сделать без разбора Json, поэтому я попытался сделать следующее, что, конечно, было катастрофой:
function responseHandler(response)
{
$(function() {
$.each(response, function(i, item) {
$('<tr>').html(
$('td').text(item.rank),
$('td').text(item.content),
$('td').text(item.UID)
).appendTo('#records_table');
});
});
}
Из моего решения я получаю только одну строку с номером 6 во всех ячейках. Что я делаю неправильно?