JQuery, если div пуст

Question

Я работаю над шаблоном wordpress, где div.post-thumb пуст, но имеют динамические пробелы.

<div class="post-thumb">    </div>
<div class="post-text"></div>

Я использую следующий скрипт, чтобы определить, пуст ли div.post-thumb.

$('.post-thumb').each(function(){
if ($(this).html()=='') $('.post-text').css('marginLeft','50px');
}); 

Проблема с этим сценарием "Динамические пробелы в div.post-thumb"

Как избавиться от этой проблемы?Есть ли другой способ определить, является ли div пустым, кроме пробелов?

Answer 1

Вы можете использовать функцию jQuery trim для удаления пробелов:

$('.post-thumb').each(function(){
    if($.trim($(this).html()) == '') $('.post-text').css('marginLeft','50px');
}); 

trim удаляет все пробелы, новые строки и табуляции из начала или конца строки. См. jQuery документы для получения дополнительной информации.