вложенная JSON с JQuery: создать список вложенного элемента

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", как это:

• Mathematik
• Infomratik
• Wirtschaftswissenschaften
• и т.д.

Я пытаюсь это:

$.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]

Что случилось с моим решением?

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); 
    }); 
}); 

Here is a working example

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 
    }); 
});