在JavaScript中替换HTML注释的快速方法

Question

Assume you have a structure of commented html, that comes from server (it's commented for improve rendering speed, like FB). After that we should remove our content and allow browser render html. What is the quickest way to do this?

Answer 1

可能使用jQuery取消注释插件

Answer 2

you can use the "content()" method to cet all nodes including comments: light and plugin free !!

Then you should filter the collection using "filter()" method

$container
    .contents()
    .filter(function(){ return this.nodeType == 8; })
    .remove(); // replaceWith()  etc.

Answer 3

function _removeComments(node) {
    if (!node || !node.parentNode) return;

    if (node.nodeType == 8) {
        node.parentNode.removeChild(node);
        return;
    }

    for (var c = node.firstChild; c; ) {
        var n = c.nextSibling;
        _removeComments(c);
        c = n;
    }
}

function removeComments(element) {
    element.each(function() {
        _removeComments(this);
    });
}

Answer 4

$(stringHtml).comments().remove();

...using the jquery-comments plugin:

http://www.bennadel.com/blog/1563-jquery-comments-plug-in-to-access-html-comments-for-dom-templating.htm

Answer 5

好得到评论的DOM，然后执行replace()

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

Answer 6

Try this method. Provide the element node with the commented HTML and this will remove the comment blocks and reveal the HTML.

function uncommentNode(node) {
    var nodestr = node.innerHTML;
    var noderevealHTML =  nodestr.replace(/<!--/ig, '').replace(/-->/ig, ''); // Update expressions here.
    node.innerHTML = noderevealHTML;
}

If your commented HTML has three or more dashes (<-- / <---) in the comment start/end tag, be sure to update the replace() expressions in the function above.

Here's a JSFIDDLE for better explanation.