使用RegEx删除空标签

Question

我想删除空标签,例如<label></label>, 使:

<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中有这个RegEx,但它删除了空标签,但它也删除了这个: "italic"

str=str.replace(/<[\S]+><\/[\S]+>/gim, "");

我错过了什么？

Answer 1

正则表达式不适用于HTML.无论如何,如果你使用JavaScript,我会被鼓励使用jQuery DOM处理.

就像是:

$('*:empty').remove();

或者:

$("*").filter(function() 
{ 
     return $.trim($(this).html()).length > 0; 
}).remove();

Answer 2

你有"不是空格"作为你的角色类,这意味着" italic"将匹配.你的正则表达式的前半部分将匹配" <(i>italic</i)>"和下半部分" </(p)>".(我用括号表示每个[\S]+匹配的内容.)

改变这个:

/<[\S]+><\/[\S]+>/

对此:

/<[^\/>][^>]*><\/[^>]+>/

总的来说,你应该真正使用一个合适的HTML处理器,但如果你正在改变HTML汤,这应该足够了:)

Answer 3

正则表达式的所有答案都只是验证

<label></label>

但在这种情况下

<label> </label>
<label>    </label>
<label>
</label>

尝试这种模式来获得以上所有

<[^/>]+>[ \n\r\t]*</[^>]+>