![](/img/trans.png)
[英]How to count number of <tr> contained in <tbody> using jQuery as well as javascript?
[英]Count the total number of rows in this tbody
我一直在尝试计算嵌套tbody中tr的总数,但我无法获得总数。 我试图使用下面的jQuery代码来获取它,但是它返回的数字很大,例如44行,正如我期望的那样,它返回7行。
关于我要去哪里,你能建议我吗?
var count = $("#rbe_viewTab0 table tbody tr td table tbody tr").length;
alert(count);
<div id="rbe_viewTab0" class="nothing" style="display:block;margin-top:0px" isloaded="Y">
<table class="wide" cellspacing="0" cellpadding="10" border="0">
<tbody>
<tr>
<td>
<table class="wide" cellspacing="0" cellpadding="10" border="0">
<tbody>
<tr></tr>
<tr>
<td id="xyz">Row 2</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
我期望它返回的总行数为7行,第2行的索引为“ 1”。
尝试
var count = $("#rbe_viewTab0 > table > tbody > tr > td > table > tbody > tr").length; alert(count);
我认为您的选择器可能有误。 这是一个片段。
var count = $("#rbe_viewTab0 > tbody > tr > td > table.wide > tbody > tr").length; var index = $("#rbe_viewTab0 > tbody > tr > td > table.wide > tbody > tr > td#xyz").parent().index(); alert(count); alert(index);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <table id="rbe_viewTab0"> <tr> <td> <table class="wide"> <tr> <td>Row 1</td> </tr> <tr> <td id="xyz">Row 2</td> </tr> <tr> <td>Row 3</td> </tr> <tr> <td>Row 4</td> </tr> <tr> <td>Row 5</td> </tr> <tr> <td>Row 6</td> </tr> </table> </td> </tr> </table>
编辑这是索引的选择器。 还更新了我的代码段。
var index = $("#rbe_viewTab0 > tbody > tr > td > table.wide > tbody > tr > td#xyz").parent().index();
$('tbody tbody tr').length
可以。
例如http://jsbin.com/bacosijina/1/edit?html,输出
编辑:现在,您已经更新了问题: $('table table tr').length
就可以了。 即表包含的表中的行
编辑编辑:好的,问题中的标记再次更改。 也许您想使用$('#rbe_viewTab0 tbody tbody tr').length
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.