jQuery if div empty

Question

I'm working on wordpress template where div.post-thumb is empty but have dynamic white spaces.

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

I'm using following script to detect if div.post-thumb is empty.

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

Problem with this script is "Dynamic white spaces within div.post-thumb"

How to get rid of this issue? Is there any other way to detect if div is empty excluding white spaces?

James Allardice · Accepted Answer · 2011-08-10 08:42:06Z

5

You can use the jQuery trim function to remove whitespace:

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

trim removes all spaces, new lines and tabs from the beginning or end of a string. See the jQuery docs for more information.

answered Aug 10, 2011 at 8:42

James Allardice

166k22 gold badges335 silver badges316 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1