Javascript jQuery将HTML呈现为纯文本，带切换（切换正常，但无法将HTML转换为文本）

下面是我当前的代码。它工作正常，但我需要.code类元素显示为纯文本，而不是呈现为HTML

jQuery：

HTML:

.code类的这一部分在屏幕上的显示方式应与此完全相同，换句话说，它不会像文本一样呈现为HTML：

<a class="benefitsQandA" href="#">Get an Instant Quote &amp; Apply</a>

使用$.code.text$.code.html

尝试以下操作：

$(".code").text($(".code").html());

当然，如果要对多个div执行此操作，则需要使用。每个：

$(".code").each(function(){
    $(this).text($(this).html());
});

---

正确的处理方法是转义不希望浏览器渲染的代码，如下所示：

<a class="codeLink" style="margin-bottom: 10px; display: block;" href="#">Get The Code</a>
<div class="code">&lt;a class="benefitsQandA" href="#"&gt;Get an Instant Quote &amp;amp; Apply&lt;/a&gt;</div>

如果不这样做，那么就不能保证从浏览器获得正确的输出，因为JQuery的.html标记是.innerHTML的包装，它并不总是返回与您使用的完全相同的标记

你可以看一看类似的工具来帮你逃逸

---

Wikipedia也有一个

您不能从服务器上执行此操作吗

当用户点击切换按钮将html传递给服务器时，使用php将<和>字符替换为和，并将html返回到页面

---

除非您处理的是大量数据，否则处理这些数据不会花费很长时间。这样你将得到100%的原始标记

是否只有HTML呈现才是问题所在？我不清楚切换是如何进行的。最好在散列上使用null javascript href，如：href=javascript://Toggling 没有涉及，但它是提供完整代码的更广泛范围的一部分。值得注意的是，.html并不总是返回输入的确切代码，因为它是DOM的表示形式。请参阅：某些浏览器可能不会返回在原始文档中完全复制HTML源的HTML，在更高版本的WebKit中，它似乎运行良好。在大多数现代浏览器中，它可能运行良好，但如果必须向后兼容，则最好避免在不同浏览器中执行不同的调用。知道如何使用jQuery维护格式吗？我找不到任何似乎可以解决这个问题的方法。是否保留格式，不更改为内容？更换切换开关的外部，而不是内部。它只需要发生一次，而不是每次切换。这在第一次尝试时有效，但在切换并重新单击“关闭”后，代码将转到字符编码，如：&；书信电报；a类=收益SQanda href=&；燃气轮机；获取即时报价&；amp；amp；申请及；lt/a&；燃气轮机；您似乎在寻找某种CSS技巧来转义HTML字符，但似乎没有。实际上，你需要用转义HTML替换HTML，而你的其他代码将不得不以某种方式解释这一点。如果Javascript至少和编程语言一样强大，为什么要在PHP中这么做？例如：t.replace/&/g“&；”。替换//g，php将不会“修改”原始源代码。。javascript可能会想到它，除非代码被输入到文本区域或其他输入元素，否则您将使用javascript将其发布到服务器。。。。嗯。

$(".code").each(function(){
    $(this).text($(this).html());
});

<a class="codeLink" style="margin-bottom: 10px; display: block;" href="#">Get The Code</a>
<div class="code">&lt;a class="benefitsQandA" href="#"&gt;Get an Instant Quote &amp;amp; Apply&lt;/a&gt;</div>