jquery Selector, um die Anzahl der sichtbaren Tabellenzeilen zu zählen? diesen HTML

Question

Ich habe:

<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> 

Ich brauche die Anzahl der Zeilen zu zählen, die nichtdisplay:none zu tun haben . Wie kann ich das machen?

Answer 1

können Sie verwenden die :visible selector und .length wie folgt aus:

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

Wenn die <table> sich nicht auf dem Bildschirm sichtbar ist (:visible gibt false zurück, wenn alle Eltern versteckt ist, das Element nicht zu sein braucht direkt) versteckt, dann .filter() verwenden, wie folgt aus:

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

Answer 2

$('tr:visible').length

Answer 3

$ ("tr: ​​visible") bekommt man die Ergebnisse der sichtbaren Zeilen, und ich denke, man kann dann tun .length

Answer 4

Sie auch bestimmte Tabelle sichtbaren Zeilen anzeigen können

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

Die totalRowWithoutHeader Gibt die Gesamtzahl der Zeilen ohne Kopfzeile an.