Javascript:添加 '<' 似乎会破坏 html

Question

我有一个场景，其中有包含字符“<”的字符串。这方面的一个例子是

<a href='#'>foobar</a> foo <bar

使用原生 JavaScript ( innerHTML ) 以及 jQuery ( .html() )，在尝试将其添加到 DOM 时，< 后面和包含 < 的文本被删除

<a href='#'>foobar</a> foo

我尝试转义“<”，但是却转义了 <a>以及。 anchor 并不是唯一可能存在的 html 标签，所以我如何处理只能对不属于任何 html 实体的“<”进行编码。

问题示例 - http://jsfiddle.net/ovbg3p8m/

请注意，我从其他地方获取了整个 HTML，并且必须使用它。

谢谢。

Answer 1

您可以使用 < 代替小于号。