Необходимо использовать jQuery.find, чтобы найти элемент со специфическим стилем

Question

Правильно ... Мне нужно найти все < ul style = "display: block;"> элементы, так что я могу установить его на отображение: none.

Я думаю, что я нахожусь на правильном пути здесь ... но не совсем там:

jQuery('#adminMenu li').find("ul").css('display'); 

Для опытных пользователей: как я могу найти и изменить стиль с одной линией?

Answer 1

Это сложно, как указано, но решаемые другими способами. Самый простой из них:

$("#adminMenu li ul:visible").hide(); 

Предполагая, что предметы либо скрыты, либо нет. Конечно, учитывая, что вы хотите скрыть их все, почему бы и нет:

$("#adminMenu li ul").hide(); 

Попробуйте и не меняйте стиль CSS напрямую. Это проблематично. Трудно отменить, так как вы обнаруживаете, что трудно искать. Используйте класс вместо:

#adminMenu li ul { display: none; } 
ul.block { display: block; } 

с:

$("#adminMenu li ul").removeClass("block"); 

или

$("#adminMenu li ul.block").removeClass("block"); 

Answer 2

$('#adminMenu li').find("ul:visible").css('display', 'none'); 

или

$('#adminMenu li').find("ul:visible").hide(); 

или

$('#adminMenu li ul:visible').hide(); 

назвать несколько способов

Answer 3

Вы coud использовать FADEOUT() или slideUp() методы для визуального эффекта:

jQuery('#adminMenu li').find("ul").fadeOut('fast'); 

jQuery('#adminMenu li').find("ul").slideUp('fast'); 

Answer 4

$('#adminMenu li ul').hide(); 

Answer 5

Не знаю, как сделать это в одной строке, но вот как вы можете это сделать в паре подробнее:

jQuery('#adminMenu li').find("ul").each(function(){ 
    if($(this).css("display") == "block"){ 
    // do something 
    } 
}); 

Если то, что вы хотите, чтобы обработать все видимые элементы (вместо только display: block тех), вы можете попробовать селектор :visible.

Answer 6

Вы можете быть в состоянии использовать селекторы атрибутов, и «содержит» вариант

$('#adminMenu li ul[style*="display:block"]').hide() 

Это по существу говорит: «любой уль кто стиль атрибут содержит текстовый дисплей: блок»

Answer 7

Вы можете использовать фильтр. (http://api.jquery.com/filter/)

Так вы можете сделать, как показано ниже.

$('ul').filter(function() { 
    return $(this).css('display') == 'block'; 
});