Количество тд (таблица) с помощью 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>

Это мой HTML. Я хочу узнать количество тд, у которых нет пустого div (с class = "inside") в jQuery? Как мне это сделать?

Answer 1

Примерно так: селекторы has, not и empty:

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

Answer 2

Сделана укороченная версия:

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

пример здесь: http://jsfiddle.net/j7ucY/1/

Answer 3

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

демо