jQuery looping .each() JSON key/value not working

Question

I am having problems in looping the key/value of JSON by jQuery .each() function

Initially I have a JSON like this:

json = {"aaa":[
              {"id":"1","data":"aaa1data"}
              ,{"id":"2","data":"aaa2data"}
              ],
        "bbb":[
              {"id":"3","data":"bbb1data"}
              ]
       }

And I would like to loop through all the key/value elements inside the JSON (aaa and bbb) and the retrieve the inner JSON arrays for looping again, so I tried

$(json).each(function(index,data)
{
    var zzz = data;
    $(zzz).each(function(index,data))
    {
       //some other stuff
    }
}

However, I discovered that the first .each() function will regard the whole json as a single structure and will not loop on its element's key.The data parameter received from the .each() function is always the original json itself. I can never get the reference that pointing to the inner JSON array of aaa and bbb.

What would be the problem here and how should I loop for all the key/value elements in a JSON by jQuery properly?

GʀᴜᴍᴘʏCᴀᴛ · Accepted Answer · 2016-03-24 18:53:42Z

73

Since you have an object, not a jQuery wrapper, you need to use a different variant of $.each()

$.each(json, function (key, data) {
    console.log(key)
    $.each(data, function (index, data) {
        console.log('index', data)
    })
})

Demo: Fiddle

edited Mar 24, 2016 at 18:53

GʀᴜᴍᴘʏCᴀᴛ

9,08620 gold badges91 silver badges165 bronze badges

answered Nov 14, 2013 at 4:50

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

3 Comments

passer Over a year ago

It works! Thanks for your reply with explanation since I did not know $.each() and $(selector).each() are not the working in the same way :).

Nagaraj Jayaraman Over a year ago

@Arun p Johny - console.log('index', data) here data is parameter or array index, got confuse with the word data, if i want only second value, how can i get? without id?

Nagaraj Jayaraman Over a year ago

my json is { "0":{"tech_id":"35","tech_name":"Ajax"}, "1":{"tech_id":"36","tech_name":"Ajax"} }

Jeff Sisson · Accepted Answer · 2013-11-14 04:53:07Z

11

With a simple JSON object, you don't need jQuery:

for (var i in json) {
   for (var j in json[i]) {
     console.log(json[i][j]);
   }
}

answered Nov 14, 2013 at 4:53

Jeff Sisson

1,63611 silver badges23 bronze badges

Collectives™ on Stack Overflow

jQuery looping .each() JSON key/value not working

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related