分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用jquery获取没有注释行的HTML内容，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_262_0@

请查看以下代码.

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

JQUERY

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

OUTPUT

<p>sdfsdfsfsf</p>
<!--<p>tesTing</p>-->

据我所知,它只会给出如上所述的输出.我的问题是,无论如何我们可以在没有注释行的情况下获得输出吗？

解决方法

您可以创建一个克隆,然后从中删除所有注释节点(如果您不想修改原始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

@H_874_35@

@H_262_0@

大佬总结

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。