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 。 我怎样才能做到这一点?

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

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

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

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

$('tr:visible').length

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

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

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

$(“tr:visible”)让你看到可见行的结果,我想你可以做.length