2011-06-09 20 views
18

मैं एक JQuery $ .प्रत्येक() यात्रा

यह, मेरी सरणी है सुविधा

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

के लिए परिणाम सीमित हल करने के लिए प्रयास करने से कुछ वास्तविक कठिनाई हो रहा है मेरी पहली $ .प्रत्येक यात्रा बहुत अच्छी तरह से काम करता है, लेकिन "घटनाओं" के लिए उप यात्रा है, जहां मैं मुद्दों

मेरी पहली $ .प्रत्येक() फ़ंक्शन

 $.each(json, function(key) { 

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

    .... 
हो रहा है

मेरे काम न करने वाले दूसरे $ .प्रत्येक() फ़ंक्शन

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


    ... 

मैं (शिथिल) समझ रहा हूँ कि यह एक विलक्षण JSON ऑब्जेक्ट नहीं है, लेकिन वस्तुओं की एक JSON सारणी, लेकिन समझ नहीं करता है, तो पहले संस्करण काम करता है क्यों दूसरा

अंतिम परिणाम मैं प्राप्त करना चाहता हूं जब मैं समझता हूं कि यह एक $ .each() के भीतर $ .each() है, मुझे पता है कि नीचे दिया गया कोड काम नहीं करता है, और संभावित बेवकूफ से अधिक , लेकिन यह जानने का एक विचार देता है कि मैं क्या हासिल करने की कोशिश कर रहा हूं: माता-पिता के माध्यम से माता-पिता द्वारा बच्चे को

$.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+'">'; 
... 

उत्तर

38

$.each function() के लिए दूसरे चर को भी असाइन करें, यह आपको बहुत आसान बनाता है क्योंकि यह आपको डेटा प्रदान करेगा (इसलिए आपको इंडस्ट्रीज के साथ काम नहीं करना पड़ेगा)।

$.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>'); 
    }); 
}); 

आपके प्रश्न में जो कुछ भी आप कोशिश कर रहे थे उसे मुद्रित करना चाहिए।

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

संपादित यह थोड़ा आसान समझने के लिए क्या है बनाने के लिए चर नाम दिया।

+3

यह एक सुंदर चीज़ है, जो एक आकर्षण की तरह काम करती है। मैं वास्तव में आपकी प्रतिक्रिया, सटीक और कार्यान्वित करने में आसान की सराहना करता हूं, धन्यवाद –

+0

दोस्त थैक्स बहुत कुछ! –

संबंधित मुद्दे