jQuery loop through json?

Question

I have some json (var data)that looks like this:

{"success":"true","keywords":["firstkeyword","secondkeyword"]}

And im trying to loop through the keywords using this code:

            data.keywords.each(function(e){
                $('#campaign_keywords').append("<p>"+e+"</p>");
            });

But i get the error

Uncaught TypeError: Object firstkeyword,secondkeyword has no method 'each'

PhearOfRayne · Accepted Answer · 2012-12-20 20:52:27Z

13

You need to loop through it like this:

$.each(data.keywords, function (i, v) {
    $('#campaign_keywords').append("<p>"+data.keywords[i]+"</p>");
});

answered Dec 20, 2012 at 20:42

PhearOfRayne

5,0504 gold badges33 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Just use v to access the values.

Jason Whitted · Accepted Answer · 2012-12-20 20:41:41Z

3

That's because it's an array and it needs to be a jquery wrapped object in order to use jquery functions. Try:

$.each(data.keywords, function(index, value){...});

answered Dec 20, 2012 at 20:41

Jason Whitted

4,0141 gold badge18 silver badges16 bronze badges

Sarim · Accepted Answer · 2012-12-20 20:44:45Z

1

Its a javascript array, not jQuery object. just apply $ over it to make it jquery object like

    $(data.keywords).each(function(e){
        $('#campaign_keywords').append("<p>"+e+"</p>");
    });

answered Dec 20, 2012 at 20:44

Sarim

3,2392 gold badges24 silver badges20 bronze badges