使用jquery显示/隐藏第一级div

Jav*_*avi 2 html jquery show-hide

我想显示和隐藏正文标签下的div,而不是另一个div标签下的div.

例如,在下面的代码中,我想隐藏jquery div1和div2,但不是div1A,div1B,div2A和div2B.我知道如果我隐藏div1,那么div1A和div1B将被隐藏.

<body>
   <div id="div1">
       <div id="div1A"></div>
       <div id="div1B"></div>
   </div>
   <div id="div2">
       <div id="div2A"></div>
       <div id="div2B"></div>       
   </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我需要那个,因为如果我做$("div").hide(); 然后$("div1").show(); div1A和div1B仍然被隐藏,因为$("div").hide(); 隐藏它们,但$("div1").show(); 不会影响他们.

我试过$("body div").hide(); 但它与$("div")具有相同的效果.hide();

我需要一个只隐藏div1和div2的jquery调用.有没有办法做到这一点,而无需设置类名?

谢谢.

Dav*_*und 11

这是直接子选择器的工作: >

$('body > div').hide();
Run Code Online (Sandbox Code Playgroud)