$(document).ready(function () { var map = [ {"name":"kitty", age:21}, {"name":'sony', age:22} ] var $div = "<div>" for (var i in map) { var $text = "<div>" $.each(map[i], function (key, value) { $text += "<span>" + key + " : </span>" + "<span>" + value + "</span>" + " " }) $div += $text + "</div>" } $div += "</div>" $("html body").html($div) })
or
$(document).ready(function () { var map = [ {"name":"kitty", age:21}, {"name":'sony', age:22} ] var $div = "<div>" $.each(map, function (key, val) { var $text = "<div>" $.each(val, function (key, value) { $text += "<span>" + key + " : </span>" + "<span>" + value + "</span> " }) $text += "</div>" $div += $text }) $div += "</div>" $("html body").html($div) })