Holen Sie sich die Anzahl der nicht ausgeblendeten Zeilen in einer Tabelle

Möchte ich die Anzahl der Zeilen in meiner Tabelle, die nicht ausgeblendet sind. Ich kann sagen, ob eine Zeile ausgeblendet ist, durch überprüfen der Stil der tr Attribut: <tr style="display: none; ">. Wie berechnen Sie diese mithilfe von jquery?

InformationsquelleAutor ale | 2011-11-17
  1. 13

    können Sie die :sichtbar selector.

    $('tr:visible').length;

    hier ist ein Turnschuh, die dies verdeutlicht:

    http://jsfiddle.net/cX6jb/

    • welche version verwenden Sie? es war ein Fehler in sehr alten jquery, aber es war fest in 1.4.2 glaube ich
    InformationsquelleAutor Patricia
  2. 5

    Den :sichtbar selector wird, wählen Sie nur die sichtbaren Elemente.

    var count = $('#your-table tr:visible').length;

    jsFiddle Demo

    Wenn Sie bereits eine variable, die hält deine Zeilen, Sie können auch die filter Methode.

    var $rows = $('#your-table tr'),
    visibleCount = $rows.filter(':visible').length;
    InformationsquelleAutor kapa
  3. 3
    $('tr').filter(':visible').length

    Tada! Hinweis: Sichtbar ist ein jQuery-Selektor, so ist es viel schneller, um Ihre Elemente mit einer gültigen css-Selektor, dann filtern.

    :sichtbar

    • dass die Länge aller Dinge in der tr, die sichtbar sind. also, wenn jede Zeile hat 2 td wird es wieder 4. definitiv nicht das, was Sie wollen.
    • Sehr guter Punkt, den ich meinte filter() Dank
    InformationsquelleAutor Andrew
  4. 1

    Es ist wahrscheinlich ein einfacher Weg, aber Sie könnten dies tun

    var a = $('tr').length;
var b = $('tr[style="display:none;"]').length;
alert(a - b);

    Beispiel: http://jsfiddle.net/YV3cy/

    InformationsquelleAutor Jason Gennaro
  5. 1

    Wenn Sie feststellen, dass bestimmte Tabelle zu tun

    $("#tableid tr:visible").length
    InformationsquelleAutor Mukesh Kalgude
Schreibe einen Kommentar