it-swarm.com.ru

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

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

206
Nicholas Francis

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

дисплей: нет

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

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

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

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

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

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

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

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

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

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

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

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

а также

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

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

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

или же

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

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

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