如何为子元素为空（含空白字符）的div添加.no-content类

针对你提供的HTML结构（.ee-post内部仅含空白字符），需要修改原有脚本，直接判断目标元素的有效内容是否为空，具体代码如下：

<script>
document.querySelectorAll('.ee-post').forEach(post => {
  // 去除文本前后空白后判断是否无有效内容
  if (post.textContent.trim() === '') {
    post.classList.add('no-content');
  }
});
</script>

代码说明 #

• 选中所有.ee-post元素并逐个遍历
• 使用textContent.trim()去除元素内所有文本的前后空白（包括换行、空格），若结果为空字符串，说明该元素无有效内容
• 符合条件时，为元素添加no-content类

与原脚本的区别 #

原脚本是检查子元素.breakdance的子节点情况，而修改后的脚本直接针对.ee-post自身的内容做判断，完全适配当前仅含空白字符的场景。

内容的提问来源于stack exchange，提问作者Milosh