Проверьте с помощью jQuery, является ли элемент «display: none» или заблокирован при нажатии

Я хочу проверить и отсортировать скрытые элементы. Можно ли найти все элементы с атрибутом displayи значением none?

Вы можете использовать : visible для видимых элементов и : hidden, чтобы найти скрытые элементы. Для этого скрытого элемента установлен displayатрибут none.

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

Чтобы проверить определенный элемент.

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

}

Элементы считаются видимыми, если они занимают место в документе. Видимые элементы имеют ширину или высоту, которая больше нуля, то ссылка

Вы также можете использовать is () с:visible

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

}

Если вы хотите проверить значение отображения, то вы можете использовать css ()

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

}

Если вы используете дисплей, следующие значения displayмогут иметь.

дисплей: нет

дисплей: встроенный

дисплей: блок

дисплей: элемент списка

дисплей: встроенный блок

Проверьте полный список возможных displayзначений здесь .

Чтобы проверить свойство отображения с помощью 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" });

Да, вы можете использовать функцию css. Ниже приведен поиск по всем элементам div, но вы можете изменить его для любых необходимых вам элементов.

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

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

Используйте это условие:

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

В jQuery есть два метода проверки видимости:

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

и

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

Вы также можете выполнять команды на основе видимости в селекторе;

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

или

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

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