使用JQuery或Javascript编辑HTML注释文本

Question

我们是否可以使用Javascript或JQuery编辑HTML注释中包含的文本。例如，如果我有这样的评论：

<!-- This is a comment --> 

然后是否可以更改文字＆＃39;这是评论＆＃39;使用JQuery还是Javascript？

感谢。

Answer 1

您可以迭代注释的父元素的childNodes，过滤commentNode并通过重置nodeValue属性来更改它的值：

$('#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';
    }
});

Answer 2

您可以使用replace()这样的功能：

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

还有一个plugin可用于取消注释是一个jQuery插件，允许您将注释的HTML代码“移动”到DOM中

修改： -

如果您想在Rory评论中将其从DOM中删除，那么您可以尝试：

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