jquery - 使用 jquery 获取没有注释行的 HTML 内容

Question

看下面的代码。

HTML:

<div>
  <p>sdfsdfsfsf</p>
  <!--<p>testing</p>-->
</div>

JQUERY

$(document).ready(function(){
   alert($("div").html());
});

输出

<p>sdfsdfsfsf</p>
<!--<p>testing</p>-->

据我所知，它只会像上面那样给出输出。我的问题是，无论如何我们都可以获得没有注释行的输出吗？

Answer 1

您可以创建一个克隆，然后从中删除所有评论节点(如果您不想修改原始 dom)

$(document).ready(function () {
    var $clone = $("div").clone();
    $clone.contents().contents().addBack().filter(function () {
        return this.nodeType == Node.COMMENT_NODE;
    }).remove();
    console.log($clone.html());
});

演示:Fiddle