Question

我试图从JSON获取包含数据的表。我的代码如下所示：

var KrediteArray = $.parseJSON(data);
$.each(KrediteArray, function(index, item) {
    $('#UserKreditsTableBody').append($('<tr id="UserKreditsTr'+index+'">'));
    $.each(item, function(key, value) { 
        $('#UserKreditsTr' + index).append($('<td>', {
            text: value
        }));
    });     
});

KreditArray看起来像这样：

{
    "1": { 
        "Admin":"Luke",
        "Kapital":"100.000"
    },
    "2": {
        "Admin":"Capto",
        "Kapital":"100.000"
    }
}

我的表格HTML代码如下：

<table id="UserKreditsTable">
  <thead>
    <tr>
      <td>Name<td>
      <td>Betrag<td>
    </tr>
  </thead>
  <tbody id="UserKreditsTableBody">
  </tbody>
</table>

我的问题是，在表格中我目前有2列（我将很快添加更多列，以及来自JSON的数据）。脚本只在行中附加一个<td>，因此我得到一个包含所有信息的单元格。

你可以给我一个暗示吗？

编辑：看一下图片http://666kb.com/i/d7gm1yh2pq13caeqm.jpg

Answer 1

尝试在each()上嵌套另一个key，然后将每个值附加到<td>元素。代码应该如下所示：

var KrediteArray = $.parseJSON(data);
$.each(KrediteArray, function(index, item) {
    $('#UserKreditsTableBody').append($('<tr id="UserKreditsTr'+index+'">'));
    $.each(item, function(key, value) { 
        $.each(item, function(key, value) { 
              $('#UserKreditsTr' + index).append($('<td>', {
                text: value
              }));
        });
    });     
});

从JSON附加到表

1 个答案: