javascript - 如何使用 jQuery 选择仅包含空格的元素？

Question

我有这个网站，我正在尝试修复。插件或其他东西<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>在各处放置了各种标签，其中没有任何内容。我自己查看了 100 多个不同的案例以确认（至少有 3,000 个不同的案例，我不会手动删除）。它们没有任何作用——它们所做的只是创建一个空白空间，当移除该空间时，实际上会使页面看起来更好。

我考虑过这样做：

    $('h1, h2, h3, h4, h5, h6').each(function() {
      let text = $(this).text();
      if (text.length === 0) {
        $(this).remove();
    }
})

然而，这并不能说明成千上万个标签放置得不太好。有时它们以不那么有趣的方式放置，它们之间有空间。这里有一些例子：

<h1></h1> - length = 0

<h1>

</h1> - length = 2

<h1>
</h1> - length = 1

等等...

所以我想说的是它们的长度永远不会一致，这意味着我需要另一种方法。

我将如何去寻找只包含空格的标题标签，或者可能只包含“无字符”而不是空格等......所以我不会意外删除包含任何文本的节点？

标签： javascripthtmljquery