如何用JS在.content为空时隐藏或删除.ee-post元素

下面是实现需求的JavaScript代码，两种处理方式（删除或隐藏）可选：

基础实现（DOM加载完成后执行） #

document.addEventListener('DOMContentLoaded', function() {
  // 选中所有带.ee-post类的文章元素
  const posts = document.querySelectorAll('.ee-post');
  
  posts.forEach(post => {
    // 找到当前文章里的.content容器
    const contentContainer = post.querySelector('.content');
    
    // 检查容器是否真的无有效内容（过滤空格、换行这类空白字符）
    if (contentContainer && contentContainer.textContent.trim() === '') {
      // 方案1：直接删除整个文章元素
      post.remove();
      
      // 方案2：仅隐藏（替换上面的remove()即可）
      // post.style.display = 'none';
    }
  });
});

代码说明 #

• 用DOMContentLoaded确保代码在页面DOM完全加载后执行，避免出现找不到元素的情况
• textContent.trim()用来过滤空格、换行这类空白字符，确保只有真正空的容器才会触发操作
• 如果你的内容是动态加载的（比如异步请求后插入DOM），可以把核心的遍历检查逻辑放到内容加载完成的回调里，或者用MutationObserver监听DOM变化来自动触发检查

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