当我可以输出完整的数组时,使用 JQuery 为什么我不能输出从 DOM 生成的单个数组元素?

坦率

如果我生成这样的数组

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我不能检查HTML元素(从DOM检索到的)是否已使用JQuery设置了特定的CSS类?

为什么当我打印数组内容时,使用awk会给我错误的输出

为什么我不能访问Angular创建的新DOM元素?

为什么我不能使用jquery contents()查找我的dom?

当我尝试打印封面数组时,为什么我的输出为空?

为什么我的jQuery不更新DOM?

为什么即使我使用 jQuery 更改了它们,jQuery 仍然采用原始的 DOM 元素类?

当我尝试输出数组时为什么会出现异常错误

为什么我不能在JavaScript中使用DOM元素作为原型

将 DOM 元素引用存储在 JavaScript 数组中。为什么我不能重用存储的引用来添加 eventListener?

为什么我的输出数组不能正确(按字母顺序)自动排序?

为什么我不能访问通过React DOM渲染的元素的子元素?

为什么我不能调用存储在数组中的 jQuery 方法?

为什么我的数组比较算法给我错误的输出?

PHP - 当我可以通过 $_File 数组获取它时为什么要使用 pathinfo

为什么我不能使用iframe对象和jQuery遍历此元素?

为什么我不能选择使用JQuery事件创建的元素(附加)?

当我可以创建共享指针时,为什么不能创建指向数组的唯一指针?

为什么我不能对这个数组进行排序?

IntelliSense:为什么我不能查找DOM / CSS类型?

我为什么不能遍历此数组?

为什么我不能打印数组?

为什么我不能将元素添加到数组?

为什么我不能为数组元素赋值?

为什么我无法在此JQuery脚本中检索和打印从DOM中检索到的元素的标记名?

为什么我的合并功能会输出未排序的数组?

为什么我的数组的输出中有空格

为什么我的数组一直输出 [object]?

当我尝试实现一个反转数组的功能时,为什么输入数组和输出数组都损坏了?