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/>

现在表被动态地添加到这个结构中。我想根据第一个div中的表格来编写一些逻辑。我尝试这样做但是没有工作$('myWebsiteTable').children('table').length)
PLease建议实现它的正确方法谢谢

Answer 1

您需要在课程Selector (“.class”)

课前使用.

<强> Live Demo

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

还要确保添加了jQuery，并将元素添加到DOM。

您可能需要使用find()，因为孩子们只会为您提供第一级孩子，因为find会获得后代中的所有表格。

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

Answer 2

我认为这是班级

http://api.jquery.com/class-selector/

$('.myWebsiteTable')

Answer 3

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

如果你真的想要计算嵌套表：

$('.myWebsiteTable table').length

Answer 4

试试这个，这对你更有帮助

演示Here

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

4 个答案: