jQuery从自闭标签中删除斜杠

Question

我发现当通过.append（）,. prepend（）和其他方式插入此标记时，jQuery似乎正在从自动关闭的XHTML标记中删除结束斜杠，从而导致无效的XHTML - 反过来 - 导致错误标记。

以下代码，例如：

$('body').append('<input type="text" id="test" value="test" />');

结果如下：

<input id="test" value="test" type="text">

预期输出为：

<input id="test" value="test" type="text" />

我使用 DOCTYPE：XHTML5 和 Chrome 作为浏览器

Answer 1

由于XHTML不支持代码的原始修改和这些函数：document.write或innerHTML，jQuery使用这些函数来插入内容，因此将在浏览器中提示兼容性错误。

相反，您可以通过以下方式创建内容：

document.createElement('div');
// bla bla bla

我的建议是将doctype更改为HTML5以避免此问题，除非您确实需要XHTML doctype。

参考：XHTML does not support docwrite