Looping Through a JSON array with jQuery to appendTo an HTML div?

Question

I'm working on a personal project, and had a question regarding jQuery and using it to loop through a JSON array.

I have the following JSON array:

var thumbDir = [
'"https://www.location.com/1.jpg"',
'"https://www.location.com/2.jpg"', 
'"https://www.location.com/3.jpg"'
];

This array will have the locations for the thumbnail images for the homepage. I want to loop through them with jQuery and appendTo the following:

<div id="thumbContainer"></div>

I thought I had it figured out, with the following code, but it's not working, and I'm not sure where I'm going wrong.

            $(document).ready(function(){
                $.each(thumbDir, function(index, value){
                    $("#thumbContainer").appendTo('<img src=' + value + ' height="120" width="172">');
            });

I'm pretty new to this, and it's my first project, so I'm just learning as I go. Any help would be appreciated!

go to jQuery API and look up what appendTo does. You want append — charlietfl
– charlietfl, Commented Sep 23, 2014 at 23:32
@EvoD not the issue. $('element').appendTo('target') will append 'element' to 'target'. Since you want to add imgs to the div, you need to use $('target').append('element') — chiliNUT
– chiliNUT, Commented Sep 23, 2014 at 23:33

Stryner · Accepted Answer · 2014-09-23 23:32:08Z

1

You're using .appendTo when you should be using .append.

$("#thumbContainer").append('img src=' + value + ' height="120" width="172">');

Also, I'm assuming you simply omitted the ending brace/parenthesis.

Working Fiddle: http://jsfiddle.net/c5kozmaq/

answered Sep 23, 2014 at 23:32

Stryner

7,3363 gold badges21 silver badges20 bronze badges

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

Comments

Brian Seim at EvoDynamic Inc · Accepted Answer · 2014-09-23 23:32:58Z

1

use append instead of appendTo.

answered Sep 23, 2014 at 23:32

Brian Seim at EvoDynamic Inc

1581 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

Looping Through a JSON array with jQuery to appendTo an HTML div?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related