Ich erhalte die Anzahl der "gefundenen" Elemente (diese Elemente haben die Klasse .highlight ) mit diesem einfachen jQuery-Ausschnitt:
Aber jetzt ist mein Problem, dass einige Elemente versteckt sind, über style="display: none;"
Nun, wie kann ich die Anzahl der markierten und angezeigten Elemente abrufen?
Etwas wie:
%Vor%Sie können : sichtbar verwenden, um Elemente zu erhalten, die sichtbar sind.
> %Vor% Eine Möglichkeit ist die Verwendung von :visible jQuery-Pseudo-Selektor, wie von Adil erwähnt.
Ein häufiger Fehler ist, dass wenn das Element mit der Klasse .highlight in einen versteckten Container geschachtelt ist, Sie es nicht bekommen können, obwohl dieses Element display: block
Stattdessen könnten Sie css regex wie folgt verwenden:
$('.highlight[style*="display: block"]')
Ein häufiger Fehler ist, dass Sie genau wissen müssen, wie die Regel geschrieben wird. Wenn es keinen Platz vor block wie folgt gibt: display:block anstelle von display: block , können Sie das Element auch nicht abrufen.
Eine Möglichkeit, dies zu umgehen, besteht darin, in den folgenden Stilen nur nach dem Begriff block zu suchen:
$('.highlight[style*="block"]')
U kann auch mit css arbeiten, um zu sehen, ob das Element css display="none" oder display="block"