jquery-Selektor, um die Anzahl der sichtbaren Tabellenzeilen zu zählen?

Ich habe dieses 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>

Ich muss die Anzahl der Zeilen zählen nicht haben display:none. Wie kann ich das machen?

Du kannst den … benutzen :visible Wähler und .length so was:

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

Wenn die <table> selbst ist auf dem Bildschirm nicht sichtbar (:visible gibt false zurück, wenn ein übergeordnetes Element ausgeblendet ist, das Element muss nicht direkt ausgeblendet werden), dann verwenden .filter()so was:

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

$('tr:visible').length

Sie können auch bestimmte sichtbare Tabellenzeilen anzeigen

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

Das totalRowWithoutHeader gibt die Gesamtzeilenzahl ohne Kopfzeile an.

$(“tr:visible”) liefert Ihnen die Ergebnisse der sichtbaren Zeilen, und ich denke, Sie können dann .length ausführen