Получить узлы комментариев в глубоком уровне DOM

Question

Как я могу получить массив или массив (объект JQuery), содержащий все элементы комментариев в DOM? JQuerycontents() только получить 1 уровень элементов.

Более общая проблема: мне нужно удалить все элементы между двумя текстовыми комментариями в моей DOM. Комментарии также могут быть в дочерних элементах.

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

Таким образом, после метода, HTML DOM должен выглядеть следующим образом:

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

Спасибо.

Answer 1

Вы можете использовать TreeWalker с whatToShow, установленным на NodeFilter.SHOW_ALL, чтобы увидеть все узлы вашего документа.

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>