Looping from JSON file with Jquery $.each

Question

I have a fairly large JSON file and I wish to loop through certain keys with Jquery.

How would I use a variable ( "countrySelector" in the example below) in my $.each loop so I only filter through the relevant key/selector.

Here is my JSON layout

{ - world_projects: {
    - australia: {
        - {
            project_id: 123
          },
        - {
            project_id: 456
          },
    },
    - usa: {
        - {
            project_id: 789
          },
        - {
            project_id: 022
          },
    },
}

Here is my Jquery code:

jQuery(document).ready(function($) {

    // Grab the country
    var countrySelector = $( '#map-projects-wrapper' ).data('country');

    // Get our JSON file which contains all collections
    // and project information
    $.getJSON( "projects.json", function( jsonData ) {

        // Cycle through each Project
        $.each( jsonData.world_projects.countrySelector, function( project_key, projects ) {
            // here I would do my thing
        }
    }
});

I hope that makes sense,

Thank you Chris.

Arun P Johny · Accepted Answer · 2014-09-04 05:00:31Z

1

countrySelector is not a property, it is a variable holding the key name so you need to use bracket notation as the member operator

jsonData.world_projects[countrySelector]

answered Sep 4, 2014 at 5:00

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chris Jones Over a year ago

Thanks Arun, that's perfect! :)

Collectives™ on Stack Overflow

Looping from JSON file with Jquery $.each

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related