從JSON附加到表格

我試圖從JSON獲取表格。我的代碼如下所示：從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

來源

2016-03-23 LuckyLuke

究竟是什麼問題？該代碼似乎工作正常：https://jsfiddle.net/kd7d16de/ –

圖片可能會有所幫助：http://666kb.com/i/d7gm1yh2pq13caeqm.jpg | @RoryMcCrossan現在，我絕對困惑，我沒有得到它爲什麼它不工作在我的web空間 - 但感謝你幫助 – LuckyLuke

作爲一個提示，它更容易和更整潔地使用JavaScript表創建函數，如row = table.insertRow（0），那麼cell1 = row.insertCell（0），cell2 = row.insertCell（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 
       })); 
     }); 
    });  
});

來源

2016-03-23 09:15:19

從JSON附加到表格

回答

相關問題