javascript - Jquery 字符串替换不起作用

Question

这让我发疯:

// Get the comment template
var comment = $('#CommentTemplate').html();

// Delete all entered text
$("textarea#NewComment").val('');

// Get comments returned ID
var ThisCommentsID = data.substring(2, data.length);
var d = new Date();

// Replace comment variables
comment = comment.replace("{CID}", ThisCommentsID);
comment = comment.replace("{USERNAME}", CurrUsername);
comment = comment.replace("{BODY}", Message);
comment = comment.replace("{GRAV}", GravHash);
comment = comment.replace("{CLEARDATE}", GravHash);
comment = comment.replace("{ISODATE}", ISODateString(d));
comment = comment.replace("{USERURL}", RelURL + CurrUsername);

// Add it
$('#comment-total-wrap').prepend(comment);

这基本上可以 100% 正常工作，使用 AJAX 查询动态地将注释添加到列表中，但模板上的所有值仍然显示为 {CID}、{GRAV} 等。它不会抛出任何错误，替换不起作用。

我已经尝试过:

comment = comment.replace("{BODY}", Message);

也是如此，但它仍然在输出 HTML 上显示为 {BODY}。任何帮助表示赞赏。

页面上的 HTML 模板是:

<div id="CommentTemplate" style="display:none;">
    <div id="cid{CID}" class="comment-wrapper">
        <div id="CommentHead" class="comment-head ch-highlight">
            <div class="comment-date">
                <abbr class="timeago" title="{ISODATE}" id="Timeago{CID}">{CLEARDATE}</abbr>
            </div>
            <div class="comment-author">
                Written by <a id="CommentAuthorLink" title="Visit this game makers profile" href="{USERURL}">{USERNAME}</a>
            </div>
        </div>   
        <table class="comment-body" width="100%">
            <tr>
                <td width="100" valign="top" align="center">
                    <a id="GravLink" title="{USERNAME} makes games with Construct 2" href="{USERURL}"><img id="GravatarComment" title="{USERNAME}&#39;s Gravatar" class="comment-avatar" src="http://www.gravatar.com/avatar/{GRAV}?r=pg&amp;s=80" /></a>
                </td>
                <td valign="top">
                    <div class="comment-txt">
                        {BODY}
                    </div>
                </td>
            </tr>
        </table>
        <div class="clear"></div>  
    </div>
</div>

Answer 1

你能尝试一下吗

comment.replace("{CID}", ThisCommentsID);

try this

comment= comment.replace(/\{CID\}/gi, ThisCommentsID);