How to consider empty element even with spaces?

Question

JavaScript

For example, this is in HTML :

<div id="content">
<b><i></i>g</b>
</div>

And this in JS :

$('#content *:empty').each(function() {
      $(this).remove();
});

Removes empty tags . Good. But if you put at least 1 space, the tag will remain . (
How can I make sure that tags with spaces ( regardless of their number ) are also deleted?

Answer 1

If a crutch - You can parse the contents
You can remove spaces and check the length of the string. Well, delete if empty

Answer 2

I abandoned direct dynamic manipulations in the DOM with either jQuery or Vanilla JS. In my opinion, this is evil, which leads to complete and total unpredictability of the application's behavior and the formation of an extensive field for unmanaged bugs.
Our path is React.JS, when interfaces are generated from data, and you only change the data.