Question

我有以下jQuery数组，其中存储了多个图像的HTML代码：

var images = [ "my first image's code, second image's code, etc, etc" ];

然后让它们显示如下：

$('.gallary').prepend(''+images+'');

这完美无缺，除了一件事;用于分隔阵列中图像代码的逗号（，）显示在显示图像之间的站点上。我在这里做错了什么？

Answer 1

如果逗号是你的问题，那是因为当一个数组被类型化为String时，Array.join被调用，它与默认分隔符连接，这是一个逗号,

所以你要手动添加一个空的分隔符，如果你不想要它们，你可以安全地删除那些额外的字符串引号。

$('.gallary').prepend(images.join('')); // should remove the ,

Answer 2

以下是其他应该有效工作的方法：

ADORABLE DEMO

var images = ["<img src='http://placekitten.com/g/200/300'>",
              "<img src='http://placekitten.com/g/200/300'>",
              "<img src='http://placekitten.com/g/200/300'>",
              "<img src='http://placekitten.com/g/200/300'>"].join('');
// with jquery
$(images).appendTo('.gallery');

普通的js也很快：

// equiv to `$(images).appendTo(thing);`

document.querySelector('.gallery').innerHTML += images;

jQuery数组显示分隔逗号

2 个答案: