JQuery $.chacun() tableau JSON objet d'itération

Je vais avoir quelques difficulté réelle de tenter de résoudre un JQuery $.chacun() itération

C'est mon tableau, de limiter les résultats à des fins de commodité

[{"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"}]
}]

Mon premier $.chaque itération fonctionne très bien, mais le sous itération pour les "ÉVÉNEMENTS" est l'endroit où je vais avoir des problèmes

Mon premier $.chaque fonction ()

     $.each(json, function(key) {

            html = '<a href="'+json[key].GROUP_ID+'">';

     ....

Mon travail non-seconde $.chaque fonction ()

     $.each(json.EVENTS, function(key) {
    newHTML += '<p>'+json.EVENTS[key].SHORT_DESC+'</p>';


     ...

Je suis compréhension (vaguement) que ce n'est pas un singulier objet JSON, mais un tableau JSON des objets, mais pas de comprendre si la première version fonctionne pourquoi la seconde ne doit pas

le résultat que je souhaite obtenir une fois que je comprends que c'est un $.chacun() à l'intérieur d'un $.each(), je sais que le code ci-dessous ne fonctionne pas, et plus que probablement idiot, mais donne une idée de ce que im essayant d'atteindre : itérer sur les parents, puis de l'enfant par le parent

$.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+'">';
 ...
InformationsquelleAutor Jay Rizzi | 2011-06-09
  1. 39

    Affecter la deuxième variable pour la $.each function() ainsi, le rend beaucoup plus facile, car il va vous fournir les données (de sorte que vous n'aurez pas à travailler avec le indicies).

    $.each(json, function(arrayID,group) {
            console.log('<a href="'+group.GROUP_ID+'">');
    $.each(group.EVENTS, function(eventID,eventData) {
            console.log('<p>'+eventData.SHORT_DESC+'</p>');
     });
});

    Imprimer tout ce que vous cherchiez dans votre question.

    http://jsfiddle.net/niklasvh/hZsQS/

    modifier renommé les variables pour le rendre plus facile à comprendre qu'est-ce que ce que.

    • C'est une belle chose, fonctionne comme un charme. J'apprécie vraiment votre réponse, précis et facile à mettre en œuvre, merci encore
    • Mec merci beaucoup!
    InformationsquelleAutor Niklas