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

Edit HTML Comment Text using JQuery or Javascript

本文关键字：HTML 注释 文本 编辑 Javascript JQuery 使用      更新时间：2023-09-26

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

<!-- This is a comment -->

那么是否可以使用JQuery或Javascript更改文本"This is a comment"？

谢谢。

您可以遍历注释父元素的childNodes，过滤注释节点，并通过重置nodeValue属性来更改其值：

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

使用普通JavaScript:

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

您可以像这样使用replace()函数：

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

还有一个插件可以用来取消注释。它是一个jQuery插件，可以将注释后的HTML代码"移动"到DOM 中

编辑：-

如果你想像Rory评论的那样将其从DOM中删除，那么你可以尝试以下操作：

 $('*').contents().each(function() 
 {
        if(this.nodeType == Node.COMMENT_NODE) 
        {
            $(this).remove()
        }
 });
相关文章：