Ahok Ahok - 2 months ago 31
jQuery Question

How to count tables inside a cell of table with jQuery

I have some tables nested inside a cell table, I want to count how many table inside that cell with jQuery, is that possible?

<table>
<thead>
<tr>
<th>name</th>
<th>age</th>
<th>address</th>
<th>birthday</th>
<th>hoby</th>
<th>country</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">
<table class="groupbycountry" id="spain">
<thead> a row of col title </thead>
<tbody> rows of data</tbody>
</table>
<table class="groupbycountry" id="italy">
<thead>a row of col title</thead>
<tbody>rows of data </tbody>
</table>
//and many more table of country according the user input
</td>
</tr>
</tbody>

<tfoot>
<tr>
<td colspan="6">
<table name="inputdata">
<form name="myprofile">
//the input tag
</form>
</table>
</td>
</tr>
</tfoot>
</table>


Is that possible to count tables
class=groupbycountry
inside that parent table?

Ram Ram
Answer Source

you can use jQuery length property which returnes the number of selected elements, try the following:

var len = $('table:eq(0) .groupbycountry').length

DEMO