jquery $.each() for objects

Question

<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 retrieve all the data in the object?

I tried $.each(data.programs, function(key,val) but it didn't work.

Should I put it in a loop?

Answer 1

$.each() works for objects and arrays both:

var data = { "programs": [ { "name":"zonealarm", "price":"500" }, { "name":"kaspersky", "price":"200" } ] };  $.each(data.programs, function (i) {     $.each(data.programs[i], function (key, val) {         alert(key + val);     }); }); 

...and since you will get the current array element as second argument:

$.each(data.programs, function (i, currProgram) {     $.each(currProgram, function (key, val) {         alert(key + val);     }); }); 

Answer 2

You are indeed passing the first data item to the each function.

Pass data.programs to the each function instead. Change the code to as below:

<script>          $(document).ready(function() {                  var data = { "programs": [ { "name":"zonealarm", "price":"500" }, { "name":"kaspersky", "price":"200" } ] };                  $.each(data.programs, function(key,val) {                          alert(key+val);                  });          });  </script>