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

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选择器,.length如下所示:

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

如果它<table>本身在屏幕上不可见(: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给总行数不包括标题行.