使用jQuery从AJAX响应构建表行（json）

Question

可能重复的嵌套元素我正在从服务器端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的一行。我究竟做错了什么？

Answer 1

试试这个（DEMO链接已更新）：

success: function (response) {

        var trHTML = '';

        $.each(response, function (i, item) {

            trHTML += '<tr><td>' + item.rank + '</td><td>' + item.content + '</td><td>' + item.UID + '</td></tr>';

        });

        $('#records_table').append(trHTML);

    }