Count td (table) using jQuery?

Question

<table> <tbody> <tr class="row-1 row-first"> <td><div class="inside">Text</div></td> <td><div class="inside">Text</div></td> <td><div class="inside">Text</div></td> </tr> <tr class="row-2"> <td><div class="inside"></div></td> <td><div class="inside">Text</div></td> <td><div class="inside">Text</div></td> </tr> <tr class="row-3 row-last"> <td><div class="inside"></div></td> <td><div class="inside">Text</div></td> <td><div class="inside">Text</div></td> </tr> </tbody> </table> 

This is my HTML. I want to know a td counter that does not have an empty div (with class = "inside") in jQuery? How can I do it?

Answer 1

Something like this, with a has , not and empty selector:

 $('td:not(:has(div.inside:empty))').length; 

Answer 2

A shorter version has been made:

 $("td div.inside:not(:empty)").length; 

example here: http://jsfiddle.net/j7ucY/1/

Answer 3

 $('td div.inside').filter(function(idx){ return $(this).text() != "" }).length; 

demo