我想删除空标签，例如 <label></label>，<font> </font>，以便于：
<label></label><form></form>
<p>This is <span style="color: red;">red</span>
<i>italic</i>
</p>
将被清理为：
<p>This is <span style="color: red;">red</span>
<i>italic</i>
</p>
我在 JavaScript 中有这个正则表达式，它能删除空标签，但也会把这个删除："<i>italic</i></p>"
str=str.replace(/<[\S]+><\/[\S]+>/gim, "");
我缺少什么？
<i>italic</i></p>"会匹配上。你的正则表达式的前半部分将匹配"<(i>italic</i)>"，后半部分将匹配 "</(p)>"。(我使用括号来显示每个 [\S]+ 匹配的内容。)/<[\S]+><\/[\S]+>/
变为这个：
/<[^/>][^>]*><\/[^>]+>/
总体而言，你应该使用适当的HTML处理器，但如果你只是搞一些HTML混合物，那么这个方法就足够了 :)
正则表达式不适用于HTML。如果你已经在使用JavaScript，我建议使用jQuery DOM处理。
类似于：
$('*:empty').remove();
或者：
$("*").filter(function()
{
return $.trim($(this).html()).length > 0;
}).remove();
false -> $('<x> </x>').is(':empty') - vsync<label></label>
<label> </label>
<label> </label>
<label>
</label>
<[^/>]+>[ \n\r\t]*</[^>]+>
[\n\r\t]* 替换为 [\s]*，这意味着相同的内容加上一些其他字符（\f 和 \v）以及空格。 - Gogol/<[\S]+?><\/[\S]+?>/这个正则表达式，区别在于?跟在+后面，匹配"尽可能少的"（也称为"非贪婪匹配"）非空字符（虽然至少一个），而不是裸露的+，它们匹配"尽可能多的"（也称为"贪婪匹配"）。以下是一种现代的本地JavaScript解决方案；实际上与2010年的jQuery解决方案非常相似。我从那个答案中进行了适应，用于我正在开发的项目，并想在这里分享它。
document.querySelectorAll("*:empty").forEach((x)=>{x.remove()});
document.querySelectorAll返回一个NodeList，它实际上是一个数组，包含所有与作为参数给定的CSS选择器匹配的DOM节点。
*:empty是一个选择器，它选择所有空元素（*表示“任何元素”），即没有内容的元素。
这将选择整个文档中的任何空元素，如果您只想从页面的某个部分中删除任何空元素（即仅限于某些
#id *:empty，它表示具有id为id的元素内的任何空元素。
这几乎肯定是您想要的。从技术上讲，一些重要标记（例如标记、
标记、标记等）是“空的”，因此如果不指定范围，您将删除一些您可能关心的标记。
forEach循环遍历结果NodeList中的每个元素，并在其上运行匿名函数(x)=>{x.remove()}。 x是列表中当前的元素，调用.remove()将其从DOM中删除。因此，上面详细介绍的方法在大多数情况下都可以正常工作，但它存在两个问题：
<div> </div>这样的元素不被视为:empty（而不是之间的空格）。 CSS Level 4选择器通过引入:blank选择器来解决这个问题（它类似于空白，但会忽略空格），但目前只有Firefox支持它（以供应商前缀形式）。:empty捕获-并且这也将是:blank的情况。我编写了一个稍微大一点的函数来处理这两种用例：
document.querySelectorAll("*").forEach((x)=>{
let tagName = "</" + x.tagName + ">";
if (x.outerHTML.slice(tagName.length).toUpperCase() == tagName
&& /[^\s]/.test(x.innerHTML)) {
x.remove();
}
});
DIV），并使用它构建一个闭合标签 - 例如</DIV>。/[^\s]/是一个正则表达式。 []是一个正则表达式中的集合，并且将匹配其中出现的任何字符。如果^是第一个元素，则该集合变为否定的 - 它将匹配不在集合中的任何元素。 \s表示空格 - 制表符、空格、换行符。因此，[^\s]表示“任何非空格字符”。function CleanChildren(elem)
{
var children = elem.childNodes;
var len = elem.childNodes.length;
for (var i = 0; i < len; i++)
{
var child = children[i];
if(child.hasChildNodes())
CleanChildren(child);
else
elem.removeChildNode(child);
}
}
<([^>]+)\s*>\s*<\/\1\s*>
<div>asdf</div>
<div></div> -- will match only this
<div></notdiv>
-- and this
<div >
</div >
动手试试吧 https://regexr.com/
这是一个贪婪正则表达式的问题。请尝试以下代码：
str=str.replace(/<[\^>]+><\/[\S]+>/gim, "");
或者
str=str.replace(/<[\S]+?><\/[\S]+>/gim, "");
在你的正则表达式中，<[\S]+?> 匹配 <i>italic</i>，而 <\/[\S]+> 则匹配 </p>
text = text.replace(/<[^/>][^>]>\s</[^>]+>/gim, "");
$('element').each(function() {
if ($(this).text() === '') {
$(this).remove();
}
});