使用 jQuery 更改段落中的符号答案

【问题标题】：Change Symbol in a paragraph using jQuery使用 jQuery 更改段落中的符号
【发布时间】：2018-04-17 00:21:45
【问题描述】：

当某些事件发生时，我正在尝试替换段落末尾的符号。原始符号是一个方框 ☐，我在代码中使用它的 ASCII。

示例段落是问题编号：1 ☐

这个符号将被替换为一个内有十字的方框符号☒

所以最后一段想问题 No:1 ☒

改变结束符号的例程如下：

$(document).on("change", 'input[type=radio]', function (e) {
   e.preventDefault();
   var x = $(this).attr('id');
   var y = x.substring(17);
   var z = $("#QuestionBankLink"+y).text();
   var a = z.substring(0,13);
   var b = a + " &#9746;";
   $("#QuestionBankLink"+y).text(b);
});

正如人们可以理解的那样，段落的 id 是 QuestionBankLink 后跟一个数字（基本上是一个参考）

现在我的问题是，当代码执行时，一切正常，除了最后我得到的不是符号，而是 ASCII 的完整字符集。所以我得到的是：

问题编号：1 ☒

我哪里错了？

【问题讨论】：

标签： javascript jquery ascii symbols

【解决方案1】：

将$("#QuestionBankLink"+y).text(b); 更改为$("#QuestionBankLink"+y).html(b);

.text() 方法完全按照字符串中的内容注入文本，包括所有标签和实体

【讨论】：

【解决方案2】：

您不需要获取子字符串来查找字符并替换。在 Jquery replace 函数中，您可以直接提供要替换的字符，如下所示。

$("#QuestionBankLink"+y).text($("#QuestionBankLink"+y).text().replace('☐','☒'));

我在下面附上了一个演示sn-p

$(document).ready(function() {
  $('#replace').click(function(){
    $("p").text($("p").text().replace('☐','☒'));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
Problem No:1 ☐
</p>
<button id='replace'>
Replace
</button>

【讨论】：

【解决方案3】：

而不是" &#9746;"（或十六进制" &#x2612;"）

使用" ☒" 或" \u2612"

&#9746; 是一个 HTML 十进制数字字符实体引用。 HTML 中的字符是Unicode 代码点。

"\u2612" 是 JavaScript 转义的 literal 用于 UTF-16 代码单元。 UTF-16 是 Unicode 字符集的字符编码。

"☒" 是一个 JavaScript 文字。如果您的编辑器、已保存的文件编码、可选的 HTML 元字符集标记、服务器的 HTTP Content-Type 字符集标头全部对齐（例如 UTF-8），它将起作用——这应该不是问题。

当然，☒作为 Unicode 字符，也可以在 HTML 中使用。

【讨论】：