为了账号安全,请及时绑定邮箱和手机立即绑定

使用jQuery删除HTML元素之间的空格和换行符

/ 猿问

使用jQuery删除HTML元素之间的空格和换行符

使用jQuery,我想删除HTML标记之间的空格和换行符。


var widgetHTML = '    <div id="widget">        <h2>Widget</h2><p>Hi.</p>        </div>';

应该:


alert(widgetHTML); // <div id="widget"><h2>Widget</h2><p>Hi.</p></div>

我认为我需要的模式是:


>[\s]*<

不使用正则表达式就可以实现吗?


查看完整描述

3 回答

?
汪汪一只猫

我尝试了user76888布置的技术,并且效果很好。为了方便起见,我将其打包到jQuery插件中,并认为社区可能会喜欢它,因此在这里:


jQuery.fn.cleanWhitespace = function() {

    this.contents().filter(

        function() { return (this.nodeType == 3 && !/\S/.test(this.nodeValue)); })

        .remove();

    return this;

}

要使用此功能,只需将其包含在脚本标签中,然后选择一个标签以使用jQuery清理并按如下所示调用函数:


$('#widget').cleanWhitespace();


查看完整回答
反对 回复 2019-12-26
?
大话西游666

递归版本:


jQuery.fn.htmlClean = function() {

    this.contents().filter(function() {

        if (this.nodeType != 3) {

            $(this).htmlClean();

            return false;

        }

        else {

            this.textContent = $.trim(this.textContent);

            return !/\S/.test(this.nodeValue);

        }

    }).remove();

    return this;

}


查看完整回答
反对 回复 2019-12-26
?
慕沐林林

我认为这可以做到...


cleanWhitespace: function(element) {

 element = $(element);

 for (var i = 0; i < element.childNodes.length; i++) {

   var node = element.childNodes[i];

   if (node.nodeType == 3 && !/\S/.test(node.nodeValue))

     Element.remove(node);

 }

}


查看完整回答
反对 回复 2019-12-26

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信