Potrzebuję użyć jQuery.find, aby znaleźć element o określonym stylu

Question

Dobrze ... Muszę znaleźć wszystkie < ul style = "display: block;"> elementy, dzięki czemu mogę ustawić, żeby wyświetlał: none.

myślę, że jestem na dobrej drodze tutaj ... ale nie całkiem tam:

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

Dla zaawansowanych użytkowników: w jaki sposób mogę znaleźć i zmienić styl z jednej linii?

Answer 1

To trudne, ponieważ stwierdził, ale jest rozwiązywalne inne sposoby. Najłatwiejszy to:

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

zakładając, że przedmioty są ukryte lub nie. Oczywiście, biorąc pod uwagę, chcesz ukryć je wszystkie, dlaczego nie po prostu:

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

spróbować uniknąć zmieniając styl CSS bezpośrednio. To problematyczne. Trudno odwrócić i trudno odkryć, czego szukasz. Użyj klasę Zamiast:

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

z:

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

lub

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

Answer 2

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

lub

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

lub

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

aby wymienić tylko kilka sposobów

Answer 3

coud użyć wyciszenia() lub slideUp() metody dla efektu wizualnego:

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

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

Answer 4

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

Answer 5

nie wiem jak to zrobić w jednej linii, ale oto jak można to zrobić w ciągu kilku więcej:

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

Jeśli to, co chcesz, aby obsłużyć wszystkie elementy widoczne (zamiast tylko display: block te), zamiast tego możesz wypróbować selektor :visible.

Answer 6

Możesz być w stanie korzystać z selektorów atrybutów oraz „zawiera” opcję

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

To zasadniczo mówi „wszelkie ul kto atrybut styl zawiera wyświetlacz tekstowy: block”

Answer 7

można użyć filtr. (http://api.jquery.com/filter/)

Możesz zrobić tak, jak poniżej.

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