jquery - 如何使用 jQuery 检测空 div？

Question

我无法使用:

$('div:empty')

因为 div 中可能有空格。如果它什么都没有或除了空白之外什么都没有，我想将其删除。

Answer 1

这将返回除空格之外没有任何文本的所有 div 元素(或 .trim 删除的其他字符，例如换行符):

var emptyDivs = $("div").filter(function() {
    return $.trim($(this).text()) === "";
});

更新 - 基于评论

如果任何相关的 div 元素具有不包含文本的子元素(例如 img 元素)，则上述方法会将它们包含在集合中“空”元素。要排除它们，您可以使用以下命令:

var emptyDivs = $("div").filter(function() {
    return $.trim($(this).text()) === "" && $(this).children().length === 0;
});