Wie Sie feststellen, ob ein bestimmtes DOM-element sichtbar ist oder nicht?

Verwendung von jQuery, was ist der einfachste Weg, um zu bestimmen, ob ein bestimmtes element sichtbar ist? Ich meine damit nicht sichtbar innerhalb des aktuellen Viewports, aber auf der Seite.

Idealerweise die Funktion zurückgeben sollte false wenn das element oder einem seiner Vorfahren hat eine CSS-Regel wie display: none oder visibility: hidden. Keine Notwendigkeit, sorgen über overflow: hidden.

  • Witze, oder? haben Sie nur versucht, google - /oder/SOverflow-Suche "jquery-element-ist-sichtbar-oder-nicht?"
InformationsquelleAutor Timwi | 2011-09-05
  1. 13

    Verwenden :visible Selektor mit is Methode.

    if($('elementSelector').is(':visible')){
   //Element is visible
}
    InformationsquelleAutor ShankarSangoli
  2. 2

    Können Sie is() Methode.

    $('#element').is(':visible');
    InformationsquelleAutor Doug
  3. 2

    $('div:visible'); zurück alle sichtbar divs.

    Es ist auch erwähnenswert, dieser Abschnitt der jQuery 1.3.2 changelog:

    In jQuery 1.3.2, ein element ist dann sichtbar, wenn Ihr browser an-gemeldet offsetWidth bzw. offsetHeight größer als 0 ist. Es bedeutet, dass wenn ein element die CSS-Anzeige "none", oder irgendeine von seinen Eltern/Vorfahren-element ist das display "none", oder wenn die Breite des Elements ist 0 und die element-Höhe 0 ist ein element gemeldet werden, als versteckte.

    InformationsquelleAutor Sahil Muthoo
Schreibe einen Kommentar