jquery selector para contar el número de filas de la tabla visible?

Question

Tengo este código 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> 

tengo que contar el número de filas que hacer no tienen display:none. ¿Cómo puedo hacer eso?

Answer 1

Puede utilizar el :visible selector y .length así:

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

Si el <table> sí mismo no es visible en la pantalla (:visible devuelve false si cualquier padre está oculto, el elemento no tiene por qué ser escondido directamente), a continuación, utilizar .filter(), así:

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

Answer 2

$('tr:visible').length

Answer 3

$ ("TR: visibles") que obtiene los resultados de las filas visibles, y creo que puede hacer entonces .length

Answer 4

También puede ver en particular la tabla filas visibles

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

El totalRowWithoutHeader da el recuento total de filas excluyendo la fila del encabezado.