javascript - Jquery - 渲染特殊字符或替换文本

Question

我有一个带有数据表的简单页面。如果用户输入诸如 < > "' & 之类的字符，它们将显示为 < > " ' &。

我想实现一个 jQuery 解决方案来替换文本 < > ” ' & 为其正确的字符。我有一个名为 #reload_me 的容器表，其中的所有数据都位于其他子表中。

我尝试了以下代码作为示例，但它似乎不起作用。我收到错误 TypeError: $(...).replaceText is not a function。我做错了什么？

$("#reload_me").replaceText("&", "&" );

Answer 1

我不确定 .replaceText 来自哪里，但您看到的这些值是字符的 ASCII 值。如果您的字符当前显示的 ASCII 表示形式可见，则意味着显示 ASCII 值的文本是 TEXT 而不是 HTML，因为 HTML 会呈现所需的字符表示形式。因此，使用 jQuery 的 .html 方法替换目标元素的内容应该会导致字符正确显示:

var $reloadMe = $("#reload_me");
$reloadMe.html($reloadMe.text());

这是完整的工作示例:

var sample = "data data data < > " ' &";

var $td = $("td");
$td.text(sample);

$("#btnFixIt").on("click", function() {
    $td.each(function() {
       var $this = $(this);
       $this.html($this.text());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table border="1">
    <tr>
        <th>1st record table</th>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
<br />
<br />
<table border="1">
    <tr>
        <th>2nd record table</th>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
<br />
<br />
<table border="1">
    <tr>
        <th>3rd record table</th>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
<br />
<button type="button" id="btnFixIt">Fix it</button>