javascript - jQuery - 如何在不将它们解析为 html 标签的情况下将值附加到 html 元素中

Question

是的，这个问题听起来很奇怪，但我想要实现的是当我附加使用

.html()功能我希望它的某些部分表现得像

.text()功能。例如在这个小提琴http://jsfiddle.net/KZBAy/ `

$("#htmltest").html("<ul><li>"+**unescape(escape(testvar))**+"</li></ul>");`  

我希望 + unescape(escape(testvar)) + 表现为文本。即其中的html标签应该被视为文本，它不应该被解析。这是一个简单的<li>例子，请提供一个通用解决方案，可用于所有标签，如附加到<div>标签<table>标签等 是否有像CDATAhtml 这样的标签可以指示浏览器不解析其中的文本？

Answer 1

好吧，经过大量谷歌搜索后，我发现它是<xmp>标签！

尽管它已被弃用，但到目前为止它还没有确切的替代品！！！

所以无论我们想要指示浏览器不要解析，我们都可以使用标签作为前缀和后缀

   $("#htmltest").html("<ul><li><xmp>"+unescape(escape(testvar))+"</xmp></li></ul>"); 

http://jsfiddle.net/EgQSj/1/

Answer 2

您可以使用html()来设置元素标记，然后find()要插入文本的容器并在其上调用text()。

在您的情况下，类似于：

$("#htmltest").html("<ul><li></li></ul>").find("li").text(testvar);