如何刪除頁面上的所有空白或空格div？

我有簡單基本的HTML結構如何刪除頁面上的所有空白或空格div？

<div class="fl-no-pad" style="display: block;"> 


</div>

當你看到這個div爲空或有我space.how可以刪除所有theese DIV在這種情況下？

，這是我的jQuery代碼

$(".fl-no-pad").each(function() { 
    if ($(this).is(':empty')){ 
     $(this).remove(); 
    } 
});

來源

2016-03-16 ani_css

正如一個側面說明（也許對於即將成爲讀者），CSS4將使用處理呢[：空白僞類（HTTP：// css4- selectors.com/selector/css4/blank-pseudo-class/） –

[如何使用空格刪除元素？]（http://stackoverflow.com/questions/7924268/how-to-remove-elements-with -whitespace） – gurvinder372

您可以在jQuery中使用filter。通過這種方式，您可以將自己的定義設置爲「空白」。

$(function() { 
 
    var empties = $('div').filter(function(){ 
 
    return $(this).html().trim() == ''; 
 
    }); 
 
    
 
    alert(empties.length); 
 
    empties.remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="fl-no-pad" style="display: block;"> 
 

 

 
</div>

來源

2016-03-16 13:39:27

heyy @Mosh它很好用謝謝 –

我試過我會再次5減去後:) –

嘗試使用類似：

if(!$.trim($(this).html()).length) { 
    //do something 
}

來源

2016-03-16 13:41:06

爲了符合即將成爲CSS4 spec，你可以擴展jQuery的僞選擇：

$.extend($.expr[':'],{ 
    blank: function(elm) { 
     return !$(elm).html().trim().length; 
    } 
});

然後使用：

$('div:blank').remove();

在CSS4而已，你不能顯示元素代替：

div:blank { display: none; }

來源

2016-03-16 13:48:57

如何刪除頁面上的所有空白或空格div？

回答

相關問題