Insertar bloque HTML después de un comentario HTML específico

Me pregunto si puedo insertar código HTML después de un comentario HTML específico en lugar de dentro de un elemento HTML como

.

Por ejemplo, me gustaría insertar las tags de apertura

después de la primera etiqueta de comentario a continuación; y las tags de cierre

después de la segunda etiqueta de comentario. ¿Alguien sabe cómo hacerlo?

  
Page Content Here

Gracias de antemano.

Elena

El comment HTML tiene su propio nodo correspondiente en la jerarquía DOM y su propiedad nodeType es 8 . Los inspectores DOM como Firebug o Google Console no los muestran, sin embargo, puedes encontrarlos viendo la fuente de la página, si los elementos son elementos childNodes del elemento body , puedes filtrar los childNodes esta manera:

 $('body').contents().each(function(i, elem){ if (elem.nodeType == 8) { // This is a Comment node // Comment { data=" Insert Closing Tags Below", length=26, nodeType=8, more...} // You can select all the next sibilngs of the first // Comment node including the second Comment Node // and then wrap all of them } }); 

No tiene sentido hacer lo que quiera, los navegadores solo muestran la versión inicial del documento que ha enviado el servidor y manipular el documento con JavaScript no cambia la vista de origen. Además, solo puede agregar Nodos al documento, no puede poner algunas cadenas en DOM para analizar como un elemento DOM, a menos que esté manipulando innerHTML de otro elemento. Sugeriría envolver el elemento #CONTENT :

 $('#CONTENT').wrap('
');

Lo que resulta en:

  
Page Content Here