我有这个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的行数.我怎样才能做到这一点?
解决方法
您可以像这样使用
:visible
selector和
.length
:
var numOfVisibleRows = $('tr:visible').length;
如果< table>本身在屏幕上不可见(如果隐藏任何父项,则:visible
返回false,不必直接隐藏该元素),然后使用.filter()
,如下所示:
var numOfVisibleRows = $('tr').filter(function() { return $(this).css('display') !== 'none'; }).length;