jQuery : Visibility (Sichtbarkeit) von Elementen abfragen

Um festzustellen, ob ein Element angezeigt wird (sichtbar ist) bzw. ob es nicht angezeigt wird (versteckt ist), kann man die jQuery Funktion is( expr ) nutzen:
/* teste Sichtbarkeit für ein bestimmtes Element */

if( $('#element_id').is(':visible')){
alert("Element ist sichtbar");
}
else if( $('#element_id').is(':hidden')){
alert("Element ist nicht sichtbar");
}
Natürlich sollte element_id durch die ID des jeweiligen Elements ersetzt werden.

Das Ganze klappt auch mit Klassen:
/* teste Sichtbarkeit für eine Element-Klasse */

if( $('.element_id').is(':visible')){
alert("Klassen-Element(e) sichtbar");
}
else if( $('.element_id').is(':hidden')){
alert("Klassen-Element(e) nicht sichtbar");
}
Weitere Selektoren habe ich nicht ausprobiert. Spielt einfach mal mit den verschiedenen Selektoren herum.
 
 Artikel als Bookmark:
Beitrag wurde bisher 2822 mal geöffnet
RA Zabel/Stolze
 
1
cornfelt
hallo matze,
es geht auch

if ($('#test:hidden').length == 1)
...

oder schau mal unter

http://www.codylindley.com/jqueryselectors/

nach! dort findest du noch mehr
  • 96 Artikel  (zeigen)
  • 66525 Klicks
  • 56 Kommentare
  • 9 Artikel (2010)  (zeigen)
  • 1854 Klicks (2010)
  • 0 Kommentare (2010)
Freunde / Linkparade (4)