jqueryselect器来计算可见表行的数量？

我有这个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的行数display:none 。 我怎样才能做到这一点？

Answer 1

你可以像下面这样使用:visibleselect器和.length ：

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

如果<table>本身在屏幕上不可见（ :visible如果隐藏父项，那么:visible将返回false，不需要直接隐藏该元素），则使用.filter() ，如下所示：

 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