Skip to content

Remove empty tags using RegEx

I want to delete empty tags such as <label></label>, <font> </font> so that:

<p>This is <span style="color: red;">red</span> 

will be cleaned as:

<p>This is <span style="color: red;">red</span> 

I have this RegEx in javascript, but it deletes the the empty tags but it also delete this: "<i>italic</i></p>"

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

What I am missing?


You have “not spaces” as your character class, which means “<i>italic</i></p>” will match. The first half of your regex will match “<(i>italic</i)>” and the second half “</(p)>“. (I’ve used brackets to show what each [S]+ matches.)

Change this:


To this:


Overall you should really be using a proper HTML processor, but if you’re munging HTML soup this should suffice 🙂