How to remove html comments from a string in Javascript

Question

So, I have a javascript string which is actually some html markup assigned to it.

Now, I want to remove all the html comments and its content from the string, ie all the occurrences of the opening comment tag and closing comment tag; along with the comment inside in it.

So I want to remove all occurences of

<!-- some comment -->

Please note I want ' some comment ' removed as well...

Can someone help me with the regex to replace this...

Thanks

Maybe convert it to a DOM node? Then loop through the ndoe elements, and remove all nodes whose type matches a comment? — evolutionxbox
– evolutionxbox, Commented Jul 26, 2017 at 11:16
Using Regular Exprssions, what if  is within a variable content var text = '';? — revo
– revo, Commented Jul 26, 2017 at 11:17
text = text.replace(/<\!--.+?-->/sg,"") !Don't forget to add s and g modifiers — mkHun
– mkHun, Commented Jul 26, 2017 at 11:18

ewwink · Accepted Answer · 2017-07-26 11:20:50Z

15

like this

var str = `<div></div>
<!-- some comment -->
<p></p>
<!-- some comment -->`
str = str.replace(/<\!--.*?-->/g, "");
console.log(str)

answered Jul 26, 2017 at 11:20

ewwink

19.3k2 gold badges49 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

siddube Over a year ago

Thanks... this regex is working... I also tried using split and join on particular comments and it was working but I preferred to do it with regex and on all comments... Thanks, and also accepted because it's vanilla javascript...

Jaykumar Gondaliya · Accepted Answer · 2017-07-26 11:25:08Z

1

i think you are looking for like this.

      var content = jQuery('body').html();
    alert(content.match(/<!--.*?-->/g));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
  <!-- some comment -->
</body>
</html>

answered Jul 26, 2017 at 11:25

Jaykumar Gondaliya

3513 silver badges17 bronze badges

Comments

Munawir · Accepted Answer · 2017-07-26 11:27:28Z

1

You can use this RegEx to replace the text between 

/(\<!--.*?\-->)/g

Check the snippet below

var string = '<!-- some comment --><div><span>Some Content</span></div><!-- some other comment -->';

var reg = /(\<!--.*?\-->)/g;
string = string.replace(reg,"");

console.log(string);

edited Jul 26, 2017 at 11:27

answered Jul 26, 2017 at 11:24

Munawir

3,3569 gold badges36 silver badges51 bronze badges

2 Comments

mkHun Over a year ago

What is the use of i modifier in your code? Better you can add s modifier also.

Aaron_H Over a year ago

Why the extra parenthesis (capture group around the entire regex)?

Collectives™ on Stack Overflow

How to remove html comments from a string in Javascript

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related