javascript - 如何在 Javascript 或 jQuery 中将标签包装在注释中

Question

我想结束我的评论 我想在运行时禁用某些标签和脚本，

<div id="some-div">
    <img src="http://placekitten.com/200/300"/>
    <img src="http://placekitten.com/200/150"/>
    <img src="http://placekitten.com/350/330"/>
</div>

$(function ()
{
    $('img').wrap('<!---></--->');
});

但他们不包装他们删除我的标签 查看演示 http://jsfiddle.net/p8nbpt7o/1/

Answer 1

您可以使用document.createComment()创建评论节点 并使用 replaceChild() 将 img 替换为注释节点

$('img').each(function() {
  parent = this.parentNode;
  parent.replaceChild(document.createComment(this.outerHTML), this);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="some-div">
  <img src="http://placekitten.com/200/300" />
  <img src="http://placekitten.com/200/150" />
  <img src="http://placekitten.com/350/330" />
</div>

或者您可以使用replaceWith() 在 jQuery 中

$('img').each(function() {
  $(this).replaceWith(document.createComment(this.outerHTML));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="some-div">
  <img src="http://placekitten.com/200/300" />
  <img src="http://placekitten.com/200/150" />
  <img src="http://placekitten.com/350/330" />
</div>