blocks|key|1432275|text|$('#adminMenu+li').find("ul:visible").css('display',+'none');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1432276|或|unstyled|1432277|$('#adminMenu+li').find("ul:visible").hide();|1432278|1432279|$('#adminMenu+li+ul:visible').hide();|1432280|举几个例子|1432281|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$B|C]]|$1|I|3|E|5|F|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|T|8|@]|9|@]|A|$B|C]]|$1|L|3|M|5|F|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|O|$]]

<pre><code>$('#adminMenu li').find("ul:visible").css('display', 'none');
</code></pre>

or 

<pre><code>$('#adminMenu li').find("ul:visible").hide();
</code></pre>

or

<pre><code>$('#adminMenu li ul:visible').hide();
</code></pre>

to name a few ways

blocks|key|1217463|text|如上所述，这很棘手，但可以通过其他方式解决。最简单的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1217464|$("#adminMenu+li+ul:visible").hide();|code-block|syntax|javascript|1217465|假设项目要么隐藏，要么不隐藏。当然，考虑到你想隐藏它们，为什么不干脆：|1217466|$("#adminMenu+li+ul").hide();|1217467|尽量避免直接更改CSS样式。这是有问题的。它很难逆转，因为你发现很难搜索。请改用类：|1217468|#adminMenu+li+ul+{+display:+none;+}
ul.block+{+display:+block;+}|1217469|通过以下方式：|1217470|$("#adminMenu+li+ul").removeClass("block");|1217471|或|1217472|$("#adminMenu+li+ul.block").removeClass("block");|1217473|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

That's tricky as stated but is solvable other ways. The easiest is:

<pre><code>$("#adminMenu li ul:visible").hide();
</code></pre>

assuming items are either hidden or not. Of course, considering you want to hide them all why not just:

<pre><code>$("#adminMenu li ul").hide();
</code></pre>

Try and avoid changing CSS style directly. It's problematic. It's hard to reverse and as you're discovering hard to search for. Use a class instead:

<pre><code>#adminMenu li ul { display: none; }
ul.block { display: block; }
</code></pre>

with:

<pre><code>$("#adminMenu li ul").removeClass("block");
</code></pre>

or

<pre><code>$("#adminMenu li ul.block").removeClass("block");
</code></pre>

blocks|key|1217487|text|您可以使用fadeOut()或slideUp()方法来获得视觉效果：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1217488|jQuery('#adminMenu+li').find("ul").fadeOut('fast');

jQuery('#adminMenu+li').find("ul").slideUp('fast');|code-block|syntax|javascript|1217489|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You coud use the fadeOut() or slideUp() methods for a visual effect:

<pre><code>jQuery('#adminMenu li').find("ul").fadeOut('fast');

jQuery('#adminMenu li').find("ul").slideUp('fast');
</code></pre>

blocks|key|1432377|text|$('#adminMenu+li+ul').hide();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1432378|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('#adminMenu li ul').hide();
</code></pre>

blocks|key|1432406|text|我不知道如何在一行代码中做到这一点，但下面是如何在几行代码中完成的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1432407|jQuery('#adminMenu+li').find("ul").each(function+(){
++if($(this).css("display")+==+"block"){
++++//+do+something
++}
});|code-block|syntax|javascript|1432408|如果您想要处理所有可见元素(而不仅仅是display:+block元素)，那么您可以尝试使用:visible选择器。|offset|length|style|CODE|1432409|entityMap^0|0|0|J|E|1A|8|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

Don't know how to do it in one line, but here's how you can do it in a couple more:

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

If what you want is to handle all visible elements (instead of only the <code>display: block</code> ones), you could try the <code>:visible</code> selector instead.

blocks|key|1217584|text|您可以使用属性选择器和“包含”选项|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1217585|$('#adminMenu+li+ul[style*="display:block"]').hide()|code-block|syntax|javascript|1217586|这实际上是说‘任何ul的style属性包含文本display:block’|1217587|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You may be able to use the attribute selectors, and the 'contains' option

<pre><code>$('#adminMenu li ul[style*="display:block"]').hide()
</code></pre>

This essentially says 'any ul who's style attribute contains the text display:block'

blocks|key|1217618|text|您可以使用filter。(http://api.jquery.com/filter/)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1217619|因此，您可以执行以下操作。|1217620|$('ul').filter(function()+{
++++return+$(this).css('display')+==+'block';
});|code-block|syntax|javascript|1217621|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/filter/^0|D|T|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

You can use filter. (<a href="http://api.jquery.com/filter/" rel="noreferrer">http://api.jquery.com/filter/</a>)

So you can do as below.

<pre><code>$('ul').filter(function() {
 return $(this).css('display') == 'block';
});
</code></pre>

Right... I need to find all &lt; ul style="display: block;"> elements, so that I can set it do display:none.

I think I'm on the right path here... but not quite there:

<pre><code>jQuery('#adminMenu li').find("ul").css('display');
</code></pre>

For advance users: how can I find and change the style with one line?

Need to use jQuery.find to find element with specific style

jQuery

对的..。我需要找到所有< ul style="display: block;">元素，以便可以将其设置为do display:none。我想我是在正确的道路上...但并不完全是这样：jQuery('#adminMenu li').find("ul").css('display');对于高级用户:如何使用一行来查找和更...

问需要使用jQuery.find查找具有特定样式的元素
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要使用jQuery.find查找具有特定样式的元素EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要使用jQuery.find查找具有特定样式的元素
EN