如何在DOM通過.append（）顯示JSON對象的數組

Question

所以我的影片是從一個JSON對象拉到一個數組，我想顯示爲所謂#practice在一個div圖片：

["<img src ="http://domain.com/wp-content/uploads/2012/10/random04-128x84.jpg"/>", 

"<img src ="http://domain.com/wp-content/uploads/2012/10/chuck_norris_random_fact_generator_6_3957_2224_image_2578-128x84.jpg"/>"] 

這裏是我迄今爲止的方法...

$.getJSON('wp-content/themes/invoke-dmd/get-client-logos.php/', function (data) { 
    var items = []; 
    $.each(data, function(key, val) { 
     items.push('<img src ="' + val.url + '"/>'); 
    }); 
    console.log(items) 
    $('#practice').append(items); 
}); 

它記錄了陣列如上...但在div不能表現出來。

這是怎麼回事？

Answer 1

試試這個，

$.getJSON('wp-content/themes/invoke-dmd/get-client-logos.php/', function (data) { 

    $.each(data, function(key, val) { 
     $('#practice').append('<img src ="' + val.url + '"/>'); 
    }); 

}); 

Answer 2

你試圖將圖片的HTML添加爲一個數組，你需要添加一個字符串：

$('#practice').append(items.join(" "));