Question

我有简单的基本html结构

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


 </div>

你看到这个div是空的还是有空的。在这种情况下我可以删除所有的theese div吗？

这是我的jquery代码

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

Answer 1

您可以在jQuery中使用filter。通过这种方式，您可以为＆＃34;清空＆＃34;设置自己的定义。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

为了符合futur CSS4 spec，你可以扩展jQuery伪选择器：

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

然后使用：

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

仅在CSS4中，您无法显示元素：

div:blank { display: none; }

Answer 3

尝试使用以下内容：

Excel

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

3 个答案: