Question

嗨我想显示一些物体的值，该对象具有下一个结构：

{
 0:
   {    id: "value",
        topic: "value",
        description: "value",
        ...
   }
 1:
   {
    ...
   }
}

这是我在id=cursos的表格中显示的代码它之前有一个ajax调用，所以我在.done()方法中执行此操作问题是，当我使用double来调用第一个对象并显示其属性时它不会显示任何内容，但是当我按名称调用它们时，没有$.each()它以表格格式显示， 如何使用$ .each（）以表格格式显示对象的值，只是为了保存代码行注意：我还更改了.html()的{{1}}和这是相同的结果。

.append()

Answer 1

尝试这样的事情：

var dataCollection = {
0: {
    id: "id0",
    topic: "topic0",
    description: "desc0"
},
1: {
    id: "id1",
    topic: "topic1",
    description: "desc1"
},
2: {
    id: "id2",
    topic: "topic2",
    description: "desc2"
}
};

$.each(dataCollection, function(index) {
  $("table#cursos").append("<tr>");
  $.each(dataCollection[index], function(key, value) {
      $("table#cursos").append("<td>" + value + "</td>");
  });
  $("table#cursos").append("</tr>");
});

请参阅fiddle。

希望这有帮助！

Answer 2

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
    <!--http://stackoverflow.com/a/8563020/3200163-->
    <!--http://stackoverflow.com/questions/8562744/how-to-loop-through-this-nested-object-json-array-and-build-an-html-string-with-->
</head>
<body>
    <script type="text/javascript" src="scripts/jquery.js"></script>

<script>
    var data = {
        "sEcho": 1,
        "total": "1710",
        "aaData": [
            [
                "Help",
                "http:\/\/www.mysite.com\/wp-content\/uploads\/2011\/09\/dt_intfc4e732d1f1276d_4e76fab1e95bd.mp3?King_of_Spain_Entropy_02_Animals_Part_1.mp3",
                "1784",
                "3",
                0,
                null,
                "0000-00-00 00:00:00"
            ],
            [
                "A Day In The Life",
                "http:\/\/www.mysite.com\/wp-content\/uploads\/2011\/09\/dt_intfc4e732d1f1276d_4e76f5fc253a1.mp3?JenWood_Zeppelin.mp3",
                "3573",
                "3",
                0,
                null,
                "0000-00-00 00:00:00"
            ]
        ]
    }
    var str = "";
    for (var item in data.aaData) {
        str += '<tr>';
        for (idata in data.aaData[item]) {
            str += '<td>' + data.aaData[item][idata] + '</td>';
        }
        str += '</tr>';
    }


    $('body').append("<table>" + str + "</table>");
    </script>
</body>
</html>

此代码正确创建表：）

在表Jquery

2 个答案: