javascript - JavaScript从HTML block 元素中删除了双括号(带有内部文本)

Question

我想从HTML块元素中删除诸如[[any content here]]（带括号的双括号文本）之类的子字符串。

当我使用它时，它起作用：

$('#comment-263353 .ticket-comment-body').html('Replaced with this text successfully!');

但是，当我尝试替换所需的子字符串时：

$('#comment-263353 .ticket-comment-body').html($('#'+com_id+' .ticket-comment-body').html().replace(/\[\[.*?\]\]/g, ''));

，它不起作用。为什么？

完整的外部HTML：

<li class="ticket-comment" id="comment-263353" data-parent="263338" data-newparent="263338" data-id="263353" xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review">
    <!--ID: 263353-->
    <span class="hidden" property="v:itemreviewed"></span>
    <div class="ticket-comment-body">
        <div class="ticket-comment-header">
            <div class="ticket-comment-dot-wrapper"><div class="ticket-comment-dot"></div></div>
            <span class="ticket-comment-author" property="v:reviewer">admin</span>
            <span class="ticket-comment-createdon" property="v:dtreviewed" content="">Just now</span>
            <span class="ticket-comment-star active"><i class="glyphicon glyphicon-star unstared star"></i></span>
            <span class="ticket-comment-up"><a href="http://beta.mirparfuma.com/vopros-otvet#comment-263338" data-id="263353" data-parent="263338">↑</a></span>
            <span class="ticket-comment-down"><a href="#" data-child="">↓</a></span>
        </div>
        <div class="ticket-comment-text" property="v:description">
            Any text
        </div>
[[*id:isnot='47304':then='
<p class="rating">Rate:
<span property="v:rating" class="star hidden">5</span>
<span class="star icon_star star_active"></span><span class="star icon_star star_active"></span><span class="star icon_star star_active"></span><span class="star icon_star star_active"></span><span class="star icon_star star_active"></span>
</p>
']]
    </div>
    <div class="comment-reply">
        <a href="#" class="reply">Reply</a>
        <a href="#" class="edit btn btn-default btn-xs">Edit</a>
    </div>
    <ol class="comments-list"></ol>
</li>

Answer 1

由于.不包含空格字符\s，\t，\n（请参见下面的代码段），
您必须通过以下方式更改正则表达式：/\[\[[\s\S]*?\]\]/g。
它的意思是“双括号内的零个或多个“空格或/和非空格”。

var p = document.getElementById('p').innerHTML;

console.log(p.replace(/.*/, 'nothing'));
console.log(p.replace(/(.|\s)*/, 'nothing'));

<p id="p">
    Several
      lines 
        of text
</p>