Count number of empty input boxes in table row

Question

How do you calculate the number of input boxes with no value in a table row using jquery?

example:

<table id="table1">
<tr class="data" id="row5">
<td><input type="text" value="20%" /></td>
<td><input type="text" value="10%" /></td>
<td><input type="text" value="" /></td>
<td><input type="text" /></td>
</tr>
<table>

I'm looking for answer = 2

Answer 1

Even that the OP claimed the answer as correct and working, this comes from the api doc:

Some other elements, on the other hand, are empty (i.e. have no children) by definition: input, img, br, and hr, for example.

So actually, it should be impossible to do it with the :empty selector.

$('input:empty').length

or to be more specific:

$('#table1').find('input:empty').length

even more specific:

$('#table1').find('input[type=text]:empty').length

Answer 2

You can do like:

alert($('#table1 input:text[value == ""]').length);

Answer 3

$('tr :text[value=""]').length

or

$('#table1 tr').each(function() { alert($(this).find(':text[value=""]').length) });

quick demo.