it-swarm.com.de

Überprüfen Sie mit jQuery, ob ein Element 'display: none' ist oder blockieren Sie es beim Klicken

Ich möchte Elemente überprüfen und sortieren, die ausgeblendet sind. Können alle Elemente mit dem Attribut display und dem Wert none gefunden werden?

214

Sie können : visible für sichtbare Elemente und : hidden verwenden, um versteckte Elemente zu finden. Für diese ausgeblendeten Elemente ist das Attribut display auf none gesetzt.

hiddenElements = $(':hidden');
visibleElements = $(':visible');

Um ein bestimmtes Element zu überprüfen.

if($('#yourID:visible').length == 0)
{

}

Elemente werden als sichtbar betrachtet, wenn sie im Dokument Platz beanspruchen. Sichtbare Elemente haben eine Breite oder Höhe, die größer als Null ist, Referenz

Sie können auch is () mit :visible verwenden.

if(!$('#yourID').is(':visible'))
{

}

Wenn Sie den Anzeigewert überprüfen möchten, können Sie css () verwenden

if($('#yourID').css('display') == 'none')
{

}

Wenn Sie die Anzeige verwenden, können die folgenden Werte display haben.

anzeige: keine

anzeige: Inline

bildschirmsperre

anzeige: Listeneintrag

anzeige: Inline-Block

Prüfen Sie die vollständige Liste der möglichen display Werte hier .

So überprüfen Sie die Anzeigeeigenschaft mit JavaScript

var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none"; 
490
Adil
$("element").filter(function() { return $(this).css("display") == "none" });
50
Deepanshu Goyal

Ja, Sie können die CSS-Funktion verwenden. Das Folgende durchsucht alle Divs, aber Sie können es nach beliebigen Elementen modifizieren, die Sie benötigen

$('div').each(function(){

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});
26
jjhavokk
$('#selector').is(':visible');
10
Barry Chapman

Es gibt zwei Methoden in jQuery, um die Sichtbarkeit zu überprüfen:

$("#selector").is(":visible")

und

$("#selector").is(":hidden")

Sie können Befehle auch basierend auf der Sichtbarkeit im Selektor ausführen.

$("#selector:visible").hide()

oder

$("#selector:hidden").show()
10
Luceos

Verwenden Sie diese Bedingung:

if (jQuery(".profile-page-cont").css('display') == 'block'){
    // Condition 
}
10
Rana