循环使用jQuery的JSON数组来追加到一个HTML div?

时间:2014-09-23 23:27:07

标签: jquery json

我正在处理一个个人项目,并且有一个关于jQuery的问题,并使用它来遍历JSON数组。

我有以下JSON数组:

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

此数组将包含主页缩略图图像的位置。我想用jQuery和appendTo循环遍历它们:

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

我以为我已经弄明白了,用下面的代码,但它没有用,而且我不知道我哪里出错了。

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

我对此很陌生,这是我的第一个项目,所以我只是在学习。任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:1)

当您使用.appendTo时,您正在使用.append

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

另外,我假设你只是省略了结束括号/括号。

工作小提琴:http://jsfiddle.net/c5kozmaq/

答案 1 :(得分:1)

使用append而不是appendTo。