Jquery selector for a empty div

Question

How select a empty divs and divs with only one space character, ej:

Ej: A jquery rule selector that select this:

<div class="thumbnails"></div>
<div class="thumbnails"> </div>

but that NOT select this:

<div class="thumbnails">Lorem ipsum amet</div>

---

I tried this

$('.thumbnails:empty').css('background-color', "#f0f");

and works fine with:

<div class="thumbnails"></div>

but does not select this case (note space character):

<div class="thumbnails"> </div>

Test: http://jsbin.com/ozohak/1/edit

Answer 1

Use the filter function to detect elements with no text

$('.thumbnails').filter(function(i,v){
    return $.trim($(v).text()).length == 0;
}).css('background-color', "#f0f");

http://jsbin.com/ozohak/5/edit

EDIT:

You can select empty elements and one space using the filter function also if that is your requirement

$('.thumbnails').filter(function(i,v){
    return $(v).text() == '' || $(v).text() == ' ';
}).css('background-color', "#f0f");

http://jsbin.com/ozohak/10/edit