jquery selector pour compter le nombre de lignes de table visibles?

Question

J'ai ce 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> 

J'ai besoin de compter le nombre de lignes qui ne pas ont display:none. Comment puis je faire ça?

Answer 1

Vous pouvez utiliser le :visible selector et .length comme ceci:

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

Si le <table> est lui-même pas visible à l'écran (:visible renvoie false si un parent est caché, l'élément ne doit pas être caché directement), puis utilisez .filter(), comme ceci:

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

Answer 2

$('tr:visible').length

Answer 3

$ ("tr: ​​visible") vous obtient les résultats des lignes visibles, et je pense que vous pouvez alors faire .length

Answer 4

Vous pouvez également consulter la table particulière lignes visibles

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

Le totalRowWithoutHeader donne le nombre total de lignes sans la ligne d'en-tête.