javascript - 如何在 jquery 中用 CDATA 标签包装一些 html？

Question

如何将一些 html 包装在 CDATA 标记中的元素中，以便可以说它变得“消毒”...

我试过了...

$(this).html( "<![CDATA[" + $(this).html() + "]]>" );

和

$(this).wrap("CDATA");

第一个将其包装在保存 html 实体中，因此它不是 CDATA 标记。第二个不起作用。

谢谢。

Answer 1

浏览器仅支持 XHTML 中的 CDATA 标记，因此您需要：

1. 编写 XHTML。
2. 提供它，Content-Type: application/xhtml+xml以便浏览器无论如何都不会通过 HTML 解析器推送它。

（我只在 Chrome 上测试了上面的，你可以看到结果）。

您最好让浏览器将其视为文本而不是 HTML：

$(this).text( $(this).html() );