亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用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 回答

?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

我嘗試了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

TA貢獻1817條經驗 獲得超14個贊

遞歸版本:


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
?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

我認為這可以做到...


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
  • 3 回答
  • 0 關注
  • 1242 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號