Get value from json in jQuery

Question

I have this json

"urls": {
 "title1": {
 "url": "someurl1"
 },
 "title12": {
 "url": "someurl2"
 }
 }

I want get title and value of url out in an element for each. Something like this

$.each(value.urls, function (key, value) {
 $('.log-list-js').append('<a href="'+ title +'">'+ someurl +'</a>');
});

Hope it makes sense.

Can you help me ?

Answer 1

Try this

 var values = {
 "urls": {
 "title1": {
 "url": "someurl1"
 },
 "title12": {
 "url": "someurl2"
 }
 }
 }
 for (var key in values.urls) {
 $('.log-list-js').append('<a href="' + values.urls[key].url + '">' + values.urls[key].url + '</a>');
 }

DEMO

• Newcoma: Thanks, but what about the title? That should be the text of each element?
• Newcoma: I found out 'key' : )

Answer 2

$('.log-list-js').append('<a href="' + value.urls[key].url + '">' + value.urls[key].url + '</a>');

This is format

Answer 3

Your json should be converted to object first, use JSON.parse method if you are having a json string. object should something like this

urls = {
 "title1": {
 "url": "someurl1"
 },
 "title12": {
 "url": "someurl2"
 }
 };

then your method is correct with some corrections to the code

$.each(urls, function(index, value){
 $('.log-list-js').append('<a href="'+ index +'">'+ value.url +'</a>');
});

here is the demo on jsfiddle