Javascript 如何使用jquery加载HTML元素而不是文本

我是javascript新手，正在努力学习。 我已经写出了这段代码，我正试图让它加载到视频中。 当我加载页面时，它以文本的形式显示相关的标签。 我在下面提供了一个plunker

 $('.video-label').text($video.get(0).outerHTML);

我想是这一行中的“.text”将文本附加到html中的p标记上的

相反，我希望从数组中收集的数据以html元素的形式输出，这些html元素将加载到页面中，这样标记将播放加载到中的源代码

这是一个

我需要在html和js中更改什么才能停止文本并加载视频？

---

任何帮助都将不胜感激！提前感谢大家

添加HTML时使用的是

.HTML（）

，而不是

.text

$(".video-label").html($video.get(0).outerHTML);

---

如果试图添加HTML元素，则需要使用

.HTML（）

而不是

.text（）

考虑到您（明显）的预期结果，我建议：

$('.video-label')
    // get the child elements:
    .contents()
    // replace them with $video:
    .replaceWith($video)

显然，这是假定

$video

引用了正确的元素

参考资料：

---

该方法的API文档可能值得一读：.@DavidThomas我在.text上阅读了文档，但它并没有指导我使用.html，我发现这正是我要找的。即使应用了更改，我仍然无法将视频作为元素正确加载。不应使用$（“.video label”）.html（$video.get（0.outerHTML）；传入html以立即加载？如果使用

text（）

方法检索到正确/预期的html字符串，那么是的（尽管“立即”可能不一定正确），我会这么想。但是，正如我的回答所示，我认为有一个更简单的方法。谢谢帕特里克，这看起来是我所缺少的。当我改变这一点时，我看不到任何加载，我猜一些东西也需要用HTML来改变？这一切都取决于你得到了什么。。。您可以使用浏览器的控制台调试输入的内容：window.console&&console.log（$view.get（0）.outerHTML）将显示html示例。检查元素以查看写入的内容也可能会对matterI有所帮助。我在控制台中没有得到任何东西，因为它显示为空白，当我尝试输入您提供的代码时，它说$view未定义编辑应该非常简单，我想。。只要它作为html元素而不是.text传入，它就应该工作，不是吗？提前谢谢！很抱歉我也在自己的东西上编程，没有全神贯注：）。。。应该是$video，而不是$views谢谢！那一定是我错过的。当我加载页面时，虽然我没有看到加载的视频。还有什么需要用html更改的吗？谢谢David的帮助。我试着把它放进去，但它并没有改变任何事情。我甚至不确定这是怎么回事。。对不起，我仍在努力学习，我想当我得到正确的字符串回来时，我真的很快就可以让它工作了。但是在将.text切换到.html之后，我根本没有看到视频加载到页面中，我添加了window.console&&console.log（$video.get（0.outerHTML））并且控制台正在返回

$('.video-label')
    // get the child elements:
    .contents()
    // replace them with $video:
    .replaceWith($video)