jquery - 使用 jQuery 嵌套 json：创建嵌套项列表

Question

我有这个 JSON：

{
    "fakultaeten": [
        {
            "id": "1",
            "name": "Carl-Friedrich Gauß",
            "institut": [
                {
                    "Mathematik": [
                        {
                            "Verbrauch": "852 kWH",
                            "Effizienz": "5,5"
                        }
                    ],
                    "Informatik": [
                        {
                            "Verbrauch": "852 kWH",
                            "Effizienz": "5,5"
                        }
                    ],
                    "Wirtschaftswissenschaften": [
                        {
                            "Verbrauch": "852 kWH",
                            "Effizienz": "5,5"
                        }
                    ],
                    "Sozialwissenschaften": [
                        {
                            "Verbrauch": "852 kWH",
                            "Effizienz": "5,5"
                        }
                    ]
                }
            ],
            "verbrauch": "852 kWH"
        }
    ]
}

我想创建“institut”中所有项目的列表，如下所示：

• 数学
• 信息学
• Wirtschaftswissenchaften
• ETC

我正在尝试这个：

$.each(data.fakultaeten, function(key,value)
            {
                var mother = "<li id='first'>"+value.name+"<ul>";
                $.each(value.institut, function(key1, value1)
                {
                // create the list here
                });
             })

结果只有：[object Object]

我的解决方案有什么问题？

Answer 1

您的问题是这institut是一个包含单个对象的数组，因此您可以使用institut[0].

这将起作用：

$.each(data.fakultaeten, function (key, value) {
    var mother = "<li id='first'>" + value.name + "<ul>";
    $.each(value.institut[0], function (key1, value1) {
        alert(key1);
    });
});

这是一个工作示例

Answer 2

试试这个：

$.each(data.fakultaeten, function (key, value) {
    var mother = "<li id='first'>" + value.name + "<ul>";
    $.each(value.institut[0], function (key1, value1) {
        console.log(key1); // key1 gives you output that you want
    });
});