显示分隔逗号的 jQuery 数组答案

【问题标题】：jQuery array displaying sepperation commas显示分隔逗号的 jQuery 数组
【发布时间】：2014-12-13 04:44:34
【问题描述】：

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

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

然后我让它们像这样显示：

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

这很好用，除了一件事；分隔数组中图像代码的逗号 (,) 显示在显示图像之间的站点上。我在这里做错了什么？

【问题讨论】：

显示images 的实际代码以及您想要的代码。
你在上面的数组中有一个字符串吗？还是一个字符串数组？

标签： javascript jquery arrays image comma

【解决方案1】：

如果逗号是您的问题，那是因为当将数组类型转换为字符串时，Array.join 被调用，它与默认分隔符连接，即逗号 ,

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

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

【讨论】：

@Joie 如果有帮助，请点击勾选标记接受我的回答。也很高兴能帮助你:)

【解决方案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');

plain js 也很快：

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

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

【讨论】：