javascript - 一旦 [ ] 被 < > 替换，文本将变为空白

Question

我有以下代码

    $(document).ready(function () {
        $(".page").on('click', function () {
            $("#ctl00_MainContent_dfComments").html(function (i, val) {
                return val.replace(/\]/g, '>');
            });
        });

        $(".page").on('click', function () {
            $("#ctl00_MainContent_dfComments").text(function (i, val) {
                return val.replace(/\[/g, "<");
            });
        });

    });

在 replacing characters in entire document JQuery 的帮助下效果很好。但是，当插入 < 括号时，整个 div 都会变成空白。我可以用任何东西替换 [，但是一旦我放入 <，该 div 内的所有内容都会消失。知道会发生什么吗？

是的，这应该创建一个粗体(有点像 bb 解析器)

Answer 1

您的第二个替换是使用 .text() 而不是 .html()。顺便说一句，您还可以组合这两个事件处理程序。

$(document).ready(function () {
  $(".page").on('click', function () {
    $("#ctl00_MainContent_dfComments").html(function (i, val) {
      return val.replace(/\]/g, '>').replace(/\[/g, '<');
    });
  });
});​

这是在行动:http://jsfiddle.net/pbnDP/8/

按下按钮会使文本变为粗体。

主要帖子的评论中讨论了明显的安全问题。不要将其放在用户可以生成正在运行的内容的网站上。