jQuery如何一次性隐藏div中的所有第一级子div项目？

Question

我有我的网页上复杂的DIV部分，它与div的组合如下：

<div class="parent"> 
    <div class="child1"> 
    <div class="grandchild1" /> 
    <div class="grandchild2" /> 
    </div> 
    <div class="child2"> 
    <div class="grandchild3"></div> 
    <div class="grandchild4"></div> 
    </div> 
</div> 

我不知道如何隐藏DIV child1和的child2在同一时间，我知道$（“.parent DIV”）将隐藏所有的.parent div里面的div，我不想隐藏孙子级别，因为当我设置child1可见时，孙子1和孙子2仍然是不可见的。感谢帮助。

Answer 1

使用直系后裔CSS选择器：

$('.parent > div').hide(); 

Answer 2

您可以使用子选择器，

$('.parent > div').hide(); 

或让孩子

$('.parent').children().hide(); 

Answer 3

使用child选择。

$('.parent > div').hide();