javascript - 在两个 HTML 注释行之间插入内容

Question

例如，假设您有以下设置：

<div class="blah"><!--start--><!-- stop --></div>

我想知道如何在“开始”和“停止”html 注释行之间插入内容？

我发现这个链接有点用，我设法让我的内容加载，但它继续在“停止”评论下方加载它。

有任何想法吗？

Answer 1

 $('.blah').contents().filter(function () {
     return this.nodeType == 8;
 }).first().after('test');

jsFiddle 示例

回报：

<div class="blah">
    <!--start-->test<!-- stop -->
</div>

Answer 2

这将在之后插入您的内容<!--start-->

var newContent = "<strong>New!</strong>",
    mergedContent = $('.blah').html().replace("<!--start-->","<!--start-->"+newContent);
$('.blah').html(mergedContent);

Answer 3

好吧，我将对此进行硬编码：

var content="Insert me in:)";
[].forEach.call(document.getElementsByClassName('blah'),function(e){
    e.innerHTML=e.innerHTML.split('start--><!--stop')[0]+"start-->"
               +content+
               "<!--stop"+e.innerHTML.split('start--><!--stop')[1];
});