javascript - 连接数组会导致将它们作为对象连接

标签 javascript jquery html

我有一个带有参数items的回调,其中包含一个数组:

[<article>..</article>,<article>...</article>,<article>..</article>]

我需要做的是加入这些项目,所以我所做的是:

items = items.join('');

但是当我console.log(items)时,我看到:

[object HTMLElement][object HTMLElement][object HTMLElement][object HTMLElement] 

如何正确合并这个数组?

最佳答案

您有一些对象,但它们无法使用 join() 自动序列化为 HTML。

如果您的浏览器支持outerHTML,您可以...

var html = $.map(items, function(item) { return item.outerHTML; }).join("");

jsFiddle .

否则,你可以这样做......

var fauxDocFrag = $("<div />");
$.each(items, function(key, item) { fauxDocFrag.append(item); });
var html = fauxDocFrag.html();

jsFiddle .

关于javascript - 连接数组会导致将它们作为对象连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12278707/

相关文章:

javascript - jQuery 中包含 span 的定位问题

javascript - Google Analytics 如何使用analytics.js 以编程方式检测移动流量?

jquery - Fancybox 在服务器和本地主机上显示不同的效果(有滚动条和没有滚动条)

Javascript DOM ChildNodes 属性未捕获所有子节点

javascript - 使用 jQuery 时是否有用于声明函数的特殊语法?

javascript - Firebase 云消息传递 - 从 JavaScript 客户端订阅主题

javascript - 我怎么把范围弄错了?无法从 jQuery 访问此函数 ".on"

javascript - Jquery/Bootstrap 3 Slider(移动单个元素)

javascript - 从 CoffeeScript 类发出事件

jquery - 切换动态创建的 div