Graf sichtbaren divs mit jQuery

HTML:

<div class="male">...</div>
<div class="male">...</div>
<div class="female">...</div>

Ich habe mehrere divs mit Kategorien wie Klasse (und mehr divs ohne .male innerhalb von Ihnen), auf Start, zähle ich Sie mit

$('.male').size(); //Returns 40 items for example

(Ich weiß size(); ist veraltet, aber wir benutzen eine ältere version von jQuery)

Während der Anwendung, sind einige der divs unsichtbar schalten nach einer bestimmten klicken,
Ich will erzählen von den sichtbar Elemente.

Versuchte ich

$('.male :visible').size();

Aber es gab mir eine schrecklich hohe Zahl, wie 3050, also gehe ich davon aus das tut selector count alle sichtbaren divs .male oder so etwas.

Ist jemand in der Lage, mir Ratschläge die richtige Auswahl für die nur sichtbaren divs mit bestimmten Klasse?

  • Sie sammeln ALLE Elemente (nicht nur divs) im inneren des .Männlich-container. Was ist mit $('div.Männlich:visible').size() ?
  • Auch ältere Versionen enthalten .length, nicht wahr? 😉
  • Ich habe versucht, mit .length() und es gab mir einen Fehler, ich ließ eine Bemerkung darüber, dass in den Quellen, im Fall.. 🙂
  • Es ist eine Eigenschaft, keine Methode.
  • vielen Dank für die Ratschläge, mein code geändert und es funktioniert mit .length
InformationsquelleAutor Daniel W. | 2013-10-15
  1. 23

    Müssen Sie entfernen Sie die Leerzeichen zwischen .male und :visible, sonst bist du auf alle sichtbaren Elemente innerhalb .male:

    $('.male:visible').size();

    Hier ist ein kurzes JSFiddle demo beide zeigen.

    UPDATE: jQuery 1.8 als veraltet markiert seine size() Methode zugunsten der Verwendung von JavaScript length - Eigenschaft statt. Wir können jetzt:

    $('.male:visible').length;
    InformationsquelleAutor James Donnelly
  2. 8

    Entfernen Sie die Leerzeichen aus deinem Selektor:

    $('.male:visible').size();
    • Ein unglaubliches timing!
    InformationsquelleAutor tymeJV
Schreibe einen Kommentar