How to display each element in Json object using $.each without providing every element separately

Question

My Following code is working fine but I have to hard code each element separately.

How to display each element (myElement as shown below) in Json object using $.each without providing every element separately.

function getList() {
    $.getJSON("MY_CONTROLLER_URL",function(data){   
        if(data) {
        var json_data;
            $.each(data, function(i,myObject){
                    debugger;
        json_data = '<li><a href="#">'+myObject.myElement+'</a></li>';

        $(json_data).appendTo('#list-data');
        });
        } 
    });

what do you mean by saying "without providing every element separately" ? I don't really get what you want — Bla..., Nov 13 '15 at 13:22
check this: http://stackoverflow.com/questions/1096924/iterating-a-javascript-objects-properties-using-jquery — Raul, Nov 13 '15 at 13:24
myObject = {myElement1="abc", myElement2="qrt", myElement3="xyz",... } — MyO, Nov 13 '15 at 13:31

score 1 · Accepted Answer · answered Nov 13 '15 at 13:24

1

var x = {
  a: "Hello",
  b: "World"
}

Then you can use

Object.keys(x) // => ["a", "b"]

[].forEach.call(Object.keys(x), function(inst){
       console.log(x[inst]); // Will output a and then b
    });

answered Nov 13 '15 at 13:24

void

36,090
8
62
107

How to display each element in Json object using $.each without providing every element separately

1 Answers1