Question

I have json object that I would like to put in may page in as html.

here is the json:

[
    {
        "name":"Temoignage",
        "id":"2"
    },
    {
        "name":"Bien etre",
        "id":"3"
    },
    {
        "name":"paradis",
        "id":"5"
    },
    {
        "name":"guerir",
        "id":"6"
    },
    {
        "name":"energie",
        "id":"9"
    }
]

I want to use append function to put this in a div tag like :

<div id="content">
<p><a href="id"> name </a></p>
<p><a href="id"> name </a></p>
<p><a href="id"> name </a></p>
.
.
.
</div>

N.B: id and name are the entries of my json object.

Answer 1

Iterate over your array using each and append each item to the content div using appendTo:

var json = [{"name":"Temoignage","id":"2"},{"name":"Bien etre","id":"3"},{"name":"paradis","id":"5"},{"name":"guerir","id":"6"},{"name":"energie","id":"9"}]​;

var $content = $("#content");
$.each(json, function () {
    $("<a>", { href: this.id }).text(this.name).appendTo($content).wrap("<p>");
});

​
DEMO.