Edit HTML Comment Text using JQuery or Javascript

Question

Is it possible that we could edit text enclosed inside an HTML comment using Javascript or JQuery. For example if I have a comment like:

<!-- This is a comment -->

then is it possible to change text 'This is a comment' using JQuery or Javascript?

Thanks.

Of course. That's the whole point of jQuery, manipulating the DOM. See this api.jquery.com/text — Jeremy Thille
– Jeremy Thille, Commented Apr 1, 2015 at 12:07
Ah. I see you have edited your post (or Rory did :) You want to change what's inside a comment. That's completely different. — Jeremy Thille
– Jeremy Thille, Commented Apr 1, 2015 at 12:10

Ram · Accepted Answer · 2015-04-01 12:23:58Z

4

You can iterate through childNodes of the comment's parent element, filter the commentNode and change it's value by resetting nodeValue property:

$('#parent').contents().each(function() {
    if ( this.nodeType === 8 ) {
       this.nodeValue = 'changed value';
    }
});

Using vanilla JavaScript:

var parentNode = document.getElementById('parent');

[].forEach.call(parentNode.childNodes, function(el) {
    if ( el.nodeType === 8 ) {
       el.nodeValue = 'changed value';
    }
});

edited Apr 1, 2015 at 12:23

answered Apr 1, 2015 at 12:18

Ram

145k16 gold badges174 silver badges201 bronze badges

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

Comments

Rahul Tripathi · Accepted Answer · 2015-04-01 12:19:57Z

0

You can use the replace() function like this:

var x =  $.trim($('#container').html()).replace('<!--','').replace('-->','');

There is also a plugin which you can use to uncomment is a jQuery plugin that will allow you "move" commented HTML code into the DOM

EDIT:-

If you want to remove it from the DOM as Rory commented then you can try this:

 $('*').contents().each(function() 
 {
        if(this.nodeType == Node.COMMENT_NODE) 
        {
            $(this).remove()
        }
 });

edited Apr 1, 2015 at 12:19

answered Apr 1, 2015 at 12:10

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

2 Comments

Rory McCrossan Over a year ago

Note that this will make the comment of the text visible in the DOM, it will not retain the comment and change the text within it - which is what the OP seems to be looking to do.

Rahul Tripathi Over a year ago

@RoryMcCrossan:- Updated my answer to remove it from the DOM as well.

Collectives™ on Stack Overflow

Edit HTML Comment Text using JQuery or Javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related