$(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)
})