將動態數據附加到表行jQuery

Question

 var data = [{ "mathid": "015-08-0011-000-01", "mathid1": "342-432-423-000", "englishid": "015-08-0011-000-01-1001", "englishid1": "342-432-423-000", "scienceid": "015-08-0011-000-01-2001", "scienceid1": "342-432-423-000" }, { "mathid": "015-08-0011-000-02", "mathid1": "342-432-423-001", "englishid": "015-08-0011-000-01-1002", "englishid1": "342-432-423-001", "scienceid": "015-08-0011-000-01-2002", "scienceid1": "342-432-423-001" }] var tr; var td; for (var i = 0; i < data.length; i++) { tr = $('<tr/>'); td = $('<td/>'); if (data[i].mathid) { tr.append("<td id=''>" + data[i].mathid + "</td>"); tr.append("<td id=''>" + data[i].mathid1 + "</td>"); } if (data[i].englishid) { tr.append("<td id=''>" + data[i].englishid + "</td>"); tr.append("<td id=''>" + data[i].englishid1 + "</td>"); } if (data[i].scienceid) { tr.append("<td id=''>" + data[i].scienceid + "</td>"); tr.append("<td id=''>" + data[i].scienceid1 + "</td>"); } tr.append("<td id=''>" + "<a class= id= href='#' >View Details</a>" + "</td>"); $("#searchresult").append(tr); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table id="searchresult"> <thead> <tr> <td>Subject id</td> <td>Subject id1</td> </tr> </thead> </table> 

在我的演示中，我想將主題ID和ID1添加到表中。 我希望將每個主題添加到每一行，並將每個ID添加到每個td。 有什么東西弄亂了我無法弄清楚的附件。 我不明白我的附件弄亂了什么。

任何想法表示贊賞。

預期產量：

Subjectid | subjectid1
_______________________
mathid    | mathid1
_______________________
scienceid | scienceid1
_______________________
englishid | englishid1

Answer 1

http://jsfiddle.net/pmyfq93z/

這是你所追求的嗎？ 如果是這樣，則陣列設置錯誤。 您已將所有信息作為數組中的一項保存，此處已將其拆分開以便將其放入正確的單元格中。

var data = [{
  "mathid": "015-08-0011-000-01",
  "mathid1": "342-432-423-000"},
            {
  "englishid": "015-08-0011-000-01-1001",
  "englishid1": "342-432-423-000"},
            {
  "scienceid": "015-08-0011-000-01-2001",
  "scienceid1": "342-432-423-000"

}]