使用jquery计算'table'标签的数量

Question

这是我的HTML代码

      <div class="tableStyle myWebsiteTable">
      <table cellspacing="0" cellpadding="0" id="site0" class="site active">
        <thead>  
            <tr>  

            </tr>  
        </thead>
        <tbody>
            <tr class="websiteDetails">
                <td colspan="5">
                <div id="websiteDetails0" class="divWebsiteDetails" style="display: block;">
                    <table>
                        <tbody>
                                                        <tr id="190">
                                <td>index</td>
                                <td></td>
                                <td></td>
                            </tr>
                             <tr class="addPage">
                                <td align="center" colspan="5"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                </td>
            </tr><!--Website Details-->
        </tbody>
      </table>
                <table id="addNewSiteTable">
        <thead> 
          <tr>               
          </tr>
         </thead> 
      </table>
</div>`<br/>

现在表中获取动态加入到这一structure.I想写基于无表的第一个内部的一些逻辑div.我试图这样做,但没有奏效$('myWebsiteTable').children('table').length)
请提出正确的方法去实现它谢谢

Answer 1

你需要.在类选择器(".class")中使用类之前

现场演示

$('.myWebsiteTable').children('table').length

还要确保添加了jQuery,并将元素添加到DOM中.

您可能需要使用find(),因为子项将只为您提供第一级子项,其中find将获取后代中的所有表.

$('.myWebsiteTable').find('table').length