Iterating over JSON object in jquery

jquery each
Gautam picture Gautam · Jun 19, 2013 · Viewed 28.5k times · Source

I have a json object as

[
{"DisplayName":"Answer Number 1","Value":"Answer1","Option":"True"},
{"DisplayName":"Answer Number 1","Value":"Answer1","Option":"False"},
{"DisplayName":"Answer Number 2","Value":"Answer2","Option":"True"},
{"DisplayName":"Answer Number 2","Value":"Answer2","Option":"False"}
]

What I need is to create 2 drop downs from this object as

Answer Number 1 -> True/False

Answer Number 2 -> True/False

dropdown part I'll do my self.. I m just confused on how to iterate over this object. Can any1 please lead me to some example?

Answer

TCHdvlp picture TCHdvlp · Jun 19, 2013

your json objects jsonObject are stored in an array. Do : 

$.each(jsonArray, function(index,jsonObject){
    $.each(jsonObject, function(key,val){
        console.log("key : "+key+" ; value : "+val);
    });
});

it will gives you

key : DisplayName ; value : Answer Number 1
key : Value ; value : Answer 1
key : Option ; value : true

Anyway, Anthony is right. Your structure will be difficult to manipulate

Related questions

jQuery each loop in table row

I am having something like: <table id="tblOne"> <tbody> <tr> <td> <table id="tblTwo"> <tbody> <tr> <td> Items </td> </tr> &…

Read More
jquery $.each() for objects

<script> $(document).ready(function() { var data = { "programs": [ { "name":"zonealarm", "price":"500" }, { "name":"kaspersky", "price":"200" } ] }; $.each(data.programs[0], function(key,val) { alert(key+val); }); }); </script> This code retrieves the first data. name:zonealarm and price:500. How can I …

Read More
Invoking a jQuery function after .each() has completed

In jQuery, is it possible to invoke a callback or trigger an event after an invocation of .each() (or any other type of iterative callback) has completed. For example, I would like this "fade and remove" to complete $(parentSelect).nextAll().…

Read More