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

Ответ 1

Вы можете использовать : 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: none

display: inline

display: block

display: list-item

display: встроенный блок

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

Чтобы проверить свойство отображения с помощью JavaScript

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

Ответ 2

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

Ответ 3

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

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

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

Ответ 4

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

Ответ 5

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

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

а также

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

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

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

или же

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

Ответ 6

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

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