如何通过.append（）显示dom中的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

您尝试将图像HTML添加为数组，需要添加字符串：

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

Answer 2

试试这个，

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

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

});