How to pass a javascript variable into an Each loop (jQuery) on an JSON object

Question

When an object is clicked on a page I am collecting the data from that object and I need to pass that into a jQuery each loop but substitute my JSON object for the data I have.

Here is my HTML

<a href="#">Large</a>

Here is my JSON Data

var sizeArray = {"Large":{"Red":[78],"Blue":[0],"Green":[0]}

And finally the JS I'm having a problem with

var size = $('a').text();
$.each(sizeArray.size, function(key, val){    
    if(this == 0){
        alert(key);
}});

All I'm getting is an error saying "a is undefined" in jQuery. I know the issue is not with jQuery and the issue is with the par that says "sizeArray.size". If I replace the word size with Large than everything works. I just can't figure out how to pass that in!

you are missing one } at the end of sizeArray definition, but thats probably not the problem — ZolaKt
– ZolaKt, Commented Feb 22, 2011 at 1:53

Andrew Whitaker · Accepted Answer · 2011-02-22 02:19:36Z

7

Try using:

$.each(sizeArray[size], function(key, val) { ... });

instead.

For more information, check out "Objects as associative arrays"

edited Feb 22, 2011 at 2:19

answered Feb 22, 2011 at 1:48

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

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

Collectives™ on Stack Overflow

How to pass a javascript variable into an Each loop (jQuery) on an JSON object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related