javascript - 检查一个div是否为空

Question

我有以下设置:

      <div id="whatever">
           <!-- Here some dynamic divs will be loaded -->
      </div>

我需要知道什么时候“whateverdiv”里面什么都没有。要注意的是，当我什么都不说时，我的意思是如果用户什么也没看到。因此，如果在 div 内部类似

      <div style="display: none">LOOOONG TEXT</div>

已加载我认为它是空的。

如果满是空格也是空的，等等...如果用户看不到任何内容，它就是空的。

因为有太多的情况要涵盖(高度为 0 的内容，没有显示的内容，空格，制表符，隐藏输入等......几乎所有东西都可以根据情况加载到那里)我尝试使用 height 属性查看是否有内容(div 根据内容扩展)。这个想法行得通，但现在我有另一个问题:我必须添加 display: none 有时。当我这样做时，高度始终加载为 0。我无法使用可见性，因为 div 有 10px 填充，我不想在未显示时看到它。所以我回到原点...找到某种方法来查看所有情况下 div 是否为空。

知道我该怎么做吗？

Answer 1

var d = $('#myDiv');
var empty = d.text().trim().length === 0 || !d.is(':visible');