javascript - 如何使用 jQuery 隐藏仅包含空格的 HTML 元素？

Question

我有以下 HTML:

<div id="rightCon">




                    </div>

然后我在顶部有以下脚本:

$('#rightCon:empty').hide();

为什么 div 没有隐藏？我可以看到有一些空间(我无法摆脱)但这真的重要吗？当此 div 为空且只有空格时，如何删除/隐藏它？

Answer 1

您的元素似乎有一堆空白，这将给它一个文本节点。由于这个原因，它不会被 :empty 匹配。

您可以尝试找到该元素并明确检查其内容:

$('#rightCon').filter(function() {
  var text = $(this).text().replace(/\s*/g, '');
  return !text;
}).hide();