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

Question

是否有可能我们可以使用Javascript或JQuery编辑包含在HTML注释内的文本。例如，如果我有类似的评论：

<!-- This is a comment --> 

那么是否有可能使用JQuery或Javascript更改文本'这是一条评论'？

谢谢。

Answer 1

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

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

还有一个plugin，你可以用它来取消注释是一个jQuery插件，可以让你“动”评论HTML代码到DOM

编辑： -

如果你想从DOM中删除它作为罗里评论说，那么你可以试试这个：

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

Answer 2

你可以通过评论的父元素的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'; 
    } 
});