jQuery附加函数将<>转换为实体名称答案

【问题标题】：jquery append function converting < > to entity namejQuery附加函数将<>转换为实体名称
【发布时间】：2014-09-04 17:32:41
【问题描述】：

我正在使用 getJSON 获取 JSON 文件，然后根据检索到的数据构建图像地图热点。这被用于一个座位表应用程序，其中站号保持不变，但个人的名字总是改变。

获得数据后，我循环遍历它并创建像这样的图像热点（我现在使用 # 作为 href 的占位符）。

 $('#maphall').append('< area class="'+ val.class +
 '" shape="'+val.shape+'" href="'+val.href+'" id = "'+
 val.id+'" coords='+val.coords+' />');

当我在 FireFox 中查看生成的代码时，我看到：

&lt; area class="room" shape="rect" href="#" id = "2B" coords="160,56,279,109" /&gt;

如何让出现而不是 &lt; 和 &gt; ？

【问题讨论】：

【解决方案1】：

HTML 解析器会将后跟空格的< 视为小于号而不是标记的开头。

将 DOM 序列化回 HTML 会将其显示为实体。

编写有效的 HTML。删除空格。

【讨论】：