javascript - 如何删除页面上的所有空白或空格 div？

Question

我有简单的基本 html 结构

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


 </div>

如您所见，此 div 为空或有空格。在这种情况下如何删除所有这些 div？

这是我的 jquery 代码

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

Answer 1

您可以使用 filter在 jQuery 中。这样您就可以为“空”设置自己的定义。

$(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>