用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 开发者网络。