Как считать пустым элемент даже с пробелами?

Question

[4eloBek]

Есть к примеру такое на HTML:

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

И такое на JS:

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

Пустые теги удаляет. Хорошо. Но поставишь хоть 1 пробел - тег останется.(
Как сделать так, чтобы и с пробелами (не зависимо от их кол-ва) теги тоже удалялись? О_о

Answer 1

[Дмитрий Ковальский]

Если костылем - Можно анализировать содержимое
$(this).html()
Можно удалить пробелы и проверить длину строки. Ну и удалить если пустой

Comments

[4eloBek]

Допёр))) JSFiddle

Answer 2

[Андрей]

Я отказался от прямых динамических манипуляций в DOM посредством хоть jQuery, хоть Vanilla JS. На мой взгляд это зло, которое ведет к полной и тотальной непредсказуемости поведения приложения и формированию обширного поля для неуправляемых багов.

Наш путь - React.JS, когда интерфейсы генерятся из данных, а ты меняешь только данные.