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

前端之家收集整理的这篇文章主要介绍了jquery选择器来计算可见表行的数量?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个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;

猜你在找的jQuery相关文章