title: Parse json tree structure
body: <p>I'm trying to output all elements of this json : </p>
  
  <pre><code>{"nodes":[{"url":"asdfas","date":""},{"url":"asdfas","date":""},{"url":"asdfasfdasas","date":""}]}
  </code></pre>
  
  <p>Here is the code I have so far, but nothing is being outputted.</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
  
  var arr = "{\"nodes\":[{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfasfdasas\",\"date"\:\"\"}]}";
  
  for(var i=0;i&lt;arr.length;i++){
      var obj = arr[i];
      for(var key in obj){
          var attrName = key;
          var attrValue = obj[key];
          $('body').append(attrName);
      }
  }
  
  &lt;/script&gt;
  
  &lt;body&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>Here is my updated file but still no output ? :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
  
  //Or you can parse it from a string
    var arr = JSON.parse('{\"nodes\":[{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfasfdasas\",\"date"\:\"\"}]}');
  
    // You have to iterate over arr.nodes, not arr
    for(var i=0;i&lt;arr.nodes.length;i++){
        var obj = arr.nodes[i];
        for(var key in obj){
            var attrName = key;
            var attrValue = obj[key];
            $('body').append(attrName);
        }
    }
  
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>