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

Question

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

Je dois compter le nombre de lignes qui n'ont pas display:none . Comment puis je faire ça?

Answer 1

Vous pouvez utiliser l' :visible sélecteur et .length comme ceci:

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

Si l' <table> elle-même n'est pas visible sur l'écran (:visible retourne 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

Vous pouvez également afficher certaines lignes de la table

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

TotalRowWithoutHeader donne le nombre total de lignes à l'exclusion de la ligne d'en-tête.

Answer 4

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