javascript - 获取DOM深度级别的注释节点

如何获得包含DOM中所有注释元素的数组或类似数组的(JQuery对象)？
JQuery contents()仅检索1个级别元素。

更广泛的问题是:我需要删除DOM中2个文本注释之间的所有元素。注释也可以包含在子元素中。

...html code...
<!--remove from here-->
...code...
<!--finish removing-->
...html code...

因此，在该方法之后，HTML DOM应该如下所示:

...html code...
...html code...

谢谢。

最佳答案

您可以将whatToShow设置为NodeFilter.SHOW_ALL来使用TreeWalker来查看文档中的所有节点。

var treeWalker = document.createTreeWalker(
  document.body,
  NodeFilter.SHOW_ALL,
  null,
  false
);

var commentList = [];

while (treeWalker.nextNode()){
  // keep only comments
  if (treeWalker.currentNode.nodeType === 8)
    commentList.push(treeWalker.currentNode);
}

var node;
while (node !== commentList[1]) {
  node = commentList[0].nextSibling;
  node.parentElement.removeChild(node);
}

<!--Folowing element will be deleted-->
<span> Hello world</span>
<!-- the next one should be kept -->
<span> keep me !</span>