JSON traversal - array of objects

jQuery iterating a JSON array and creating HTML elements based on each object.

by karim79

JavaScript

var obj = [
    {
    "employee": {
        "display_name": "Tom",
        "format": "string",
        "type": "textbox",
        "dflt": "null",
        "isMandatory": "true"
    }},
{
    "employee": {
        "display_name": "Bob",
        "format": "string",
        "type": "textbox",
        "dflt": "null",
        "isMandatory": "true"
    }}
];

var html = '';
$.each(obj, function(i, val) {
    var emp = val.employee;
    var inp = $("<input />", {
        type: "text"
    });
    var label = $("<label />")
        .html(emp.display_name);
    
    $('body').append(label)
             .append(inp)
             .append("<br />");
});