jquery从字符串追加元素+不正确关闭标签答案

【问题标题】：jquery append element from string + do not close tags properlyjquery从字符串追加元素+不正确关闭标签
【发布时间】：2010-02-05 03:07:18
【问题描述】：

我有以下要附加到 DOM 的字符串元素，但在 IE 中，标签不会关闭。示例：

$("#accordion").append('<div id="mydiv" class="sortme">bla bla bla</div><div id="panel" class="accordionPanel"></div>');

在 IE 渲染它之后，例如 div 元素在没有结束标记的情况下被渲染。它应该是“”，只显示“”

你有什么想法吗？

谢谢， TT

【问题讨论】：

【解决方案1】：

您的标签不平衡：

<div id="mydiv" class="sortme">
bla bla bla
</div>
<div id="panel" class="accordionPanel">
</div>
</div>

也就是说，你最后多了一个</div>。

【讨论】：

【解决方案2】：

尝试使用两个单独的追加调用插入两个 div。我似乎记得在 IE 中尝试一次插入多个同级元素失败的错误。

【讨论】：

嗯，我不太使用 IE，我在 2 天前开始使用他们的开发者工具，我发现在查看 DOM 元素的模式下标签没有关闭，但如果我这样做了一些“查看源代码”有点东西，它显示标签关闭....但是，由于某种原因，现在属性，没有正确包裹在“”之间，例如：class= myclass 而不是 class="myclass" 什么***这里是错误的:(
听起来 IE 的开发人员工具栏试图以一种最终导致混乱的方式简化标记。我大胆猜测类名周围缺少引号是同一个问题：属性在 DOM 中正确显示，但 IE 开发人员工具栏显示它的方式具有误导性。