javascript - 如何在div中添加对象

Question

假设我有以下代码:

var cont = <div id="foo">

imgSection.find('video').each(function(_ind)
{
     cont.append('<div class="fullScreenBg"> '+ $(this) +' </div>');
});

结果是:

<div id="foo"> 
<div class="fullScreenBg"> [object Object] </div>
</div>

但我实际上想要显示对象/视频的 html。当我使用时:

$(this).html()

我已经非常接近了，但正如预期的那样，它只显示了 videoTag 的innerHtml。那么我该如何正确地做到这一点呢？

Answer 1

您需要将 video 元素包装在 div 中并附加该对象。目前的问题是您将对象作为字符串附加，这导致对象到字符串转换，导致 [object Object]。

imgSection.find('video').each(function(_ind) {
     cont.append($(this).wrap('<div class="fullScreenBg"></div>').parent());
});