Za pomocą jQuery sprawdź, czy elementem jest „display: none” lub blok po kliknięciu

Chcę sprawdzać i sortować ukryte elementy. Czy można znaleźć wszystkie elementy z atrybutem displayi wartością none?

Możesz użyć : widoczne dla widocznych elementów i : ukryte, aby znaleźć ukryte elementy. Te ukryte elementy mają displayustawiony atrybut na none.

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

Aby sprawdzić konkretny element.

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

}

Elementy są uważane za widoczne, jeśli zajmują miejsce w dokumencie. Widoczne elementy mają szerokość lub wysokość większą niż zero, odniesienie

Możesz także użyć is () z:visible

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

}

Jeśli chcesz sprawdzić wartość wyświetlania, możesz użyć css ()

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

}

Jeśli używasz wyświetlacza, displaymogą mieć następujące wartości .

Nie wyświetla się

wyświetlacz: wbudowany

Blok wyświetlacza

wyświetl: element listy

display: blok wbudowany

Sprawdź pełną listę możliwych displaywartości tutaj .

Aby sprawdzić właściwość wyświetlania za pomocą JavaScript

var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none"; 

$("element").filter(function() { return $(this).css("display") == "none" });

Tak, możesz użyć funkcji css. Poniżej przeszuka wszystkie divy, ale możesz je zmodyfikować dla potrzebnych elementów

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

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});

Użyj tego warunku:

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

W jQuery istnieją dwie metody sprawdzania widoczności:

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

i

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

Możesz także wykonywać polecenia na podstawie widoczności w selektorze;

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

lub

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

$('#selector').is(':visible');