javascript - 如何使用 jQuery 或 JS 将 < 和 > 替换为 < 和 >

Question

我已经搜索了一天左右如何使用 JS 或 jQuery 做某事并找到了几个解决方案，但还没有可靠的解决方案。

我想用这个:

<code class="codeIt">

  <h2> This is an H2 </h2>

</code>

我希望输出为:

<h2> This is an H2 </h2>

我知道我可以通过这样做来实现:

<code class="codeIt">

  &lt;h2&gt; This is an H2 &lt;/h2&gt;

</code>

...但我不想在这些 block 中手动搜索和替换我的代码，而是在浏览器中即时完成。这可能吗？

我对 jQuery 很陌生，所以我尝试了 .replaceWith或 JavaScript 的 .replace但到目前为止，我还没有得到我需要的地方。我要么替换整个标签，要么做其他错误的事情。

我的问题是:我将如何编写一个简单的 jQuery(或常规 JS)来帮助我替换我的 <和我的 >使用 HTML 实体，如 <和 >在我的里面 <code>标签。

感谢任何帮助，谢谢。

更新:

我设法让它按照@Prisoner 的解释很好地工作，它非常漂亮，但是在我的特殊情况下这需要一点扩展，因为我有不止一个代码块与 .codeIt类，所以我必须让它检查每个元素和输出...否则它会继续产生相同的输出(就像第一个 block )

Here is the fiddle

感谢大家的回答。

Answer 1

假设您只想转义所有 HTML:

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