jquery - 如何显示原始的原始Html代码？

Question

我的回答与大多数人的要求相反。我想显示原始的 Html 字符代码，而不是显示其字形。

我有一张使用最新 Unicode 代码的表情符号表。比如😀 😇在页面中写成😀和 &#1f607; .我正在做一个快速引用实用程序，因此当我单击其中一个时，我想显示图形的代码。不幸的是，如果我将字符值推送到元素的 innerText 或 innerHTML，它总是显示字形。如何显示 &#1f600; 的值其字面形式为 &#1f600;而不是😀

---

感谢所有有用的答案。我尝试使用 <code>和 <pre>但他们没有为我工作。我使用 jQuery 选择了一个 <code>元素并设置其 text至 😀 .显示图形而不是文字代码字符。也许我使用了错误的属性或函数。还是我根本不应该使用 jQuery？

我的代码是:

<script>
  $('.emoji').click( function() {
     $('#selected').text(this.innerText);
  });
</script>

<div class='emoji'>&#x1f600;</div> 
<div class='emoji'>&#x1f607;</div>

<code id='selected'></code>

Answer 1

您应该能够执行以下操作:

😀

看这个码笔

http://codepen.io/anon/pen/MbgKpw