使用jQuery .html（）方法丢失关闭img标记

Question

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

我已确认图片代码在返回服务器时格式正确，但使用.html()插入后，标记的结尾部分就会丢失。

例如，原来是什么

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

出来是

<img src="poop.txt">

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

Answer 1

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

参考文献：

• img element, Mozilla Developer Network。

Answer 2

图片代码img没有结束标记。当JQuery创建新元素时，它以有效的方式完成。

参考：

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

Answer 3

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