Question

Suppose I have a form with 20 rows as shown in the figure below:

I’m naming the elements in the each row as:

1st row (Ambiance)    -> v1[requirement], v1[observation], v1[status], v1[remarks]
2nd row (TV Room)     -> v2[requirement], v2[observation], v2[status], v2[remarks]
3rd row (Cleanliness) -> v3[requirement], v3[observation], v3[status], v3[remarks]
.... and so on till 20th row

Using jquery or javascript can I find the number of rows present based on the names of the element? i.e., in this form name starts from v1 and ends at v20. So there are 20 rows.

UPDATE

The reason why I want the number of rows is because I plan to process the forms using:

for($i=1; $i<=$rowcount; $i++)
{
   $v.$i = $_POST['v'.$i];
   // then insert the first row into table and so on
}

Answer 1

This approach should work for you:

var rowCount = $("#data-table tr").filter(function() {
    return $(this).find('[name^="v"]').length;
}).length;

This code will count only tose rows which have input with the name starting with v. I guess this is what you need.

Quick demo: http://jsfiddle.net/dfsq/2P5cN/

UPD
As per Mark Reed’s comment we can make it even more simple:

var rowCount = $('#data-table tr').has('[name^=v]').length;