javascript替换点(不是句点)字符

Question

我有一些正在呈现的文本有一个内联列表，项目符号点由“•”字符标记，全部在一行文本中。

虽然丑，但我不想改源数据。所以我想我只是做一个快速的 javascript 替换以在每个点之前插入中断以便更容易阅读。

这是我做的:

   var formattedMessage = message.replace(/•/g, "<br />•");

我认为这行得通，但是当我尝试呈现 formattedMessage 时，它不包含中断。

有没有想过为什么会这样？我认为这可能是因为它认为替换表达式中的尖括号是正则表达式，但我看到的所有 string.replace() 函数示例仅显示接受正则表达式的第一部分，并且 2 页进入 Google 搜索并没有显示出相互矛盾的信息，所以我不得不假设这是因为它是一个奇怪的字符。

如何替换它？

附加信息根据请求，这就是我格式化数据的方式(它在 javascript 模态对话框中)

function modalConfirm(message, title, callback) {
    var formattedMessage = message.replace(/�/g, "<br />�");
    $("#extra-info").modal({

        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
        position: ["20%"],
        overlayId: "confirm-overlay",
        containerId: "confirm-container",
        onShow: function (dialog) {
            var modal = this;
            $("#extra-info .message").html(formattedMessage);
            $("#extra-info .title").html(title || "Additional Info");
            $("#extra-info .modal-ok", dialog.data[0]).click(
                function () {
                    if ($.isFunction(callback)) {
                        callback.apply(true);
                    }
                    modal.close();
                });
        }
    });

渲染后的HTML如下:

<div id="confirm-container" class="simplemodal-container" style="position: fixed; z-index: 1002; height: 180px; width: 260px; left: 28px; top: 20%;"><a href="#" title="Close" class="modal-close simplemodal-close">x</a><div tabindex="-1" class="simplemodal-wrap" style="height: 100%; outline: 0px; width: 100%; overflow: visible;"><div id="extra-info" class="simplemodal-data" style="">
            <div class="header title">Additional Info</div>
            <div class="message">Examples of 1 serving are: • 1 medium apple or orange (the size of a tennis ball) • ½ cup of berries or chopped fruit • 1 cup of leafy raw vegetables • ½ cup of cooked vegetables • 1 medium potato (the size of a computer mouse) • 6 ounces of pure fruit or vegetable juice</div>
            <div class="buttons">
                <div class="modal-ok simplemodal-close">OK</div>
            </div>
        </div></div></div>

Answer 1

尝试使用 unicode 字符代码，\u2022，而不是:

message.replace(/\u2022/, "<br />\u2022");