Question

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?

Answer 1

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

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

DEMO