JavaScript remove double brackets (with inner text) from HTML block element

Question

I want to remove substrings like [[any content here]] (double-bracked text with brackets) from HTML block element.

When I use this, it works:

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

But when I try to replace my needed substring:

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

, it not works. Why?

Full outer 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>

well is `$('#'+com_id+' .ticket-comment-body').html().replace(/\[\[.*?\]\]/g, '')` working? — epascarello, Feb 08 '18 at 14:50
Possible duplicate of [How to use JavaScript regex over multiple lines?](https://stackoverflow.com/questions/1979884/how-to-use-javascript-regex-over-multiple-lines) — mickmackusa, Jan 18 '19 at 23:54

Kosh · Answer 1 · 2018-02-08T15:25:29.707

Since . does not include space characters \s, \t, \n (see the snippet below),
you have to change your regex this way: /\[\[[\s\S]*?\]\]/g.
It means "zero or more 'space or/and not space' within double brackets".

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>

JavaScript remove double brackets (with inner text) from HTML block element

1 Answers1