如果我生成这样的数组
var elements_ar = $(".cards_my").find('img').toArray();
我可以输出这样的数组对象(重新排序后)
$(".cards_my").html(elements_ar);
为什么我不能以及如何将单个元素输出到添加的 div 中?当我尝试代码时,我进入了 HTML 和格式正确的 div 以下消息,我猜这意味着我使用的是对象而不是字符串....
“[对象 HTMLImageElement]”
这是我的输出代码
$(".cards_my").html(""); // to clear current contents
for (var i = 0; i < elements_ar.length - 1; i++) {
$(".cards_my").append("<div class='fullcard'>"+elements_ar[i]+"</div>");
}
card_holder.append($('<div class="fullcard">').append(elements_ar[i]));
不要将元素转换为 html。只需创建一个新 div,将元素附加到该 div,然后将该 div 附加到容器。
问题在于,尝试将 DOM 元素连接到字符串将导致元素被转换,[object Object]
因为字符串连接不知道如何将 DOM 元素转换为 html。所以为了避免这个问题,我们不将元素转换为 html。我们只是简单地将元素附加到其他元素上,然后将转换排除在问题之外。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句