JQuery $ .each () iteração de objeto de matriz JSON
Estou com alguma dificuldade real ao tentar resolver uma iteração JQuery $ .each ()
Esta é minha matriz, limitando os resultados por conveniência
[{"GROUP_ID":"143",
"GROUP_TYPE":"2011 Season",
"EVENTS":[
{"EVENT_ID":"374","SHORT_DESC":"Wake Forest"},
{"EVENT_ID":"376","SHORT_DESC":"Yale"},
{"EVENT_ID":"377","SHORT_DESC":"Michigan State"}]
},
{"GROUP_ID":"142",
"GROUP_TYPE":"2010 Season",
"EVENTS":[
{"EVENT_ID":"370","SHORT_DESC":"Duke"},
{"EVENT_ID":"371","SHORT_DESC":"Northwestern"},
{"EVENT_ID":"372","SHORT_DESC":"Brown"}]
}]
Minha primeira iteração $ .each funciona muito bem, mas a sub-iteração de "EVENTS" é onde estou tendo problemas
Minha primeira função $ .each ()
$.each(json, function(key) {
html = '<a href="'+json[key].GROUP_ID+'">';
....
Minha segunda função $ .each () que não está funcionando
$.each(json.EVENTS, function(key) {
newHTML += '<p>'+json.EVENTS[key].SHORT_DESC+'</p>';
...
Estou entendendo (vagamente) que esse não é um objeto JSON singular, mas uma matriz de objetos JSON, mas não entendo se a primeira versão funciona porque a segunda não funcion
o resultado final que eu quero alcançar quando entender que este é um $ .each () dentro de um $ .each (), eu sei que o código abaixo não funciona e é mais do que provável idiota, mas dá uma idéia do que estou tentando para alcançar: iterar através dos pais e filhos pelos pais
$.each(json, function(key) {
html = '<a href="'+json[key].GROUP_ID+'">';
$.each(json[key].EVENTS, function(subkey) {
html = '<a href="'+json[key]EVENTS[subkey].SHORT_DESC+'">';
...