Question

我有这个HTML：

<table>
    <tr style="display:table-row"><td>blah</td></tr>
    <tr style="display:none"><td>blah</td></tr>
    <tr style="display:none"><td>blah</td></tr>
    <tr style="display:table-row"><td>blah</td></tr>
    <tr style="display:table-row"><td>blah</td></tr>
</table>

我需要计算不拥有display:none的行数。我怎么能这样做？

Answer 1

您可以像这样使用:visible selector和.length：

var numOfVisibleRows = $('tr:visible').length;

如果<table>本身在屏幕上不可见（:visible如果隐藏任何父项则返回false，则不必直接隐藏该元素），然后使用{{3} }，像这样：

var numOfVisibleRows = $('tr').filter(function() {
  return $(this).css('display') !== 'none';
}).length;

Answer 2

$('tr:visible').length

Answer 3

您还可以查看特定的表可见行

 var totalRow =  $('#tableID tr:visible').length;
 var totalRowWithoutHeader = totalRow-1;

totalRowWithoutHeader 给出了不包括标题行的总行数。

Answer 4

$（“tr：visible”）获取可见行的结果，我认为你可以做.length

jquery选择器来计算可见表行的数量？

4 个答案: