jquery - 使用 jQuery 的 .html() 方法丢失关闭 img 标记

Question

.html()当我用户单击图像所属的事件时，我正在使用 jQuery方法将图像动态添加到我网页中的 div 中。

我已经确认图像标签在返回服务器时格式正确，但是一旦使用 插入.html()，标签的结尾部分就会丢失。

例如，最初的

<img src="poop.txt"></img>

出来作为

<img src="poop.txt">

在实际网页上。这是什么原因？.html()与我以类似方式在网站的另一个页面上插入的一组跨度完美配合，但是当涉及到图像标签时，它会失败。

Answer 1

问题（实际上是一种保护和好处）是 JavaScript，因此 jQuery，只创建有效的 HTML。由于img标签没有结束标签（因为它不能有任何内容，它会自动关闭）它不会附加到网页上。

参考：

• img元素，Mozilla 开发者网络。

Answer 2

图片标签img没有结束标签。当 JQuery 创建新元素时，它会以有效的方式进行。

参考：

• http://www.w3.org/wiki/HTML/Elements/img

Answer 3

Jquery 创建有效的 html 代码。</img>在 html 标准中不存在。