隐藏div,但不隐藏嵌套的div [英] Hide div, without hiding it's nested divs
问题描述
这是一个简单的问题,但是我似乎在stackoverflow的任何地方都找不到答案.
This is a simple question, but i can't seem to find the answer anywhere on stackoverflow.
我有以下代码段:
<div>//The div to be hidden
<div></div>//I don't want to hide this div
<div></div>//Nor this one
</div>
我要这样做的原因是,当我隐藏div时,我使用其标记名将其隐藏,但是当我显示它们时,则使用其类名.因此,内部div或嵌套div"被称为内部div".不会再出现.
The reason why i wanna do this is because, when i hide the divs, i hide them using their tagname, but when i show them, i use their classname. Therefore the innerdivs or the "nested divs" doesn't show up again.
之前:
<div>
<div></div>
<div></div>
</div>
<div></div>
<div>
<div></div>
<div></div>
</div>
之后:
<div style="display:none;">
<div></div>
<div></div>
</div>
<div style="display:none;"></div>
<div style="display:none;">
<div></div>
<div></div>
</div>
推荐答案
我假设提供的代码在另一个元素内.我将其称为div#root
I'm assuming that the code provided is inside another element. I'm going to call this div#root
<div id="root">
<div>
<div></div>
<div></div>
</div>
<div></div>
<div>
<div></div>
<div></div>
</div>
</div>
要隐藏#root
的所有直接div
子级,可以使用选择器#root > div
.
To hide all immediate div
children of #root
, you can use the selector #root > div
.
因此,您的jQuery可能看起来像$('#root > div').hide()
So, your jQuery might look like $('#root > div').hide()
这是您要做什么吗?
这篇关于隐藏div,但不隐藏嵌套的div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!