Question

Sounds like a simple question:

We have to similar divs:

• <div class='child'></div>
• <div class='child'>SMTH SMTH</div>

How do I determine that the first one has 0 value and the second one is populated? Is there any specific jQuery or JS function?

Answer 1

Use the empty selector, possibly combined with is to determine if at least one of the matched elements meets the given selector.

var empty = $(".child:empty"); // gets empty elements with class child
var isEmpty $(".child").first().is(":empty"); // determines if the first .child div is empty.

Example: http://jsfiddle.net/andrewwhitaker/txeEE/