This is the JSON I'm trying to create programmatically:

{
    "sensors": [{
        "x": 342,
        "y": 213,
        "id": 4
    }, {
        "x": 642,
        "y": 913,
        "id": 3
    }, {
        "x": 452,
        "y": 113,
        "id": 2
    }]
}

I have to iterate through all elements with a specific class to retrieve the data for the json:

$(".marker").each(function()
{
    var x = $(this).attr("data-x");
    var y = $(this).attr("data-y");
    var id = $(this).attr("data-id");
});

How could I create the json object to be like I described?

This is the JSON I'm trying to create programmatically:

{
    "sensors": [{
        "x": 342,
        "y": 213,
        "id": 4
    }, {
        "x": 642,
        "y": 913,
        "id": 3
    }, {
        "x": 452,
        "y": 113,
        "id": 2
    }]
}

I have to iterate through all elements with a specific class to retrieve the data for the json:

$(".marker").each(function()
{
    var x = $(this).attr("data-x");
    var y = $(this).attr("data-y");
    var id = $(this).attr("data-id");
});

How could I create the json object to be like I described?

• javascript
• jquery
• json

2 Answers 2

Try this

var json = {"sensors":[]};

$(".marker").each(function()
{
    var x = $(this).attr("data-x");
    var y = $(this).attr("data-y");
    var id = $(this).attr("data-id");
    json.sensors.push({"x":x, "y":y,"id":id});
});

Look JSON.parse method on MDN ou MSDN

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);
document.write(contact.surname + ", " + contact.firstname);

// Output: Aaberg, Jesper