Question

我想显示和隐藏正文标记下的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>

我需要那个，因为如果我做$（“div”）。hide（）;然后$（“div1”）。show（）; div1A和div1B仍然被隐藏，因为$（“div”）。hide（）;隐藏它们，但$（“div1”）。show（）;不影响他们。

我试过$（“body div”）。hide（）;但它与$（“div”）具有相同的效果.hide（）;

我需要一个只隐藏div1和div2的jquery调用。有没有办法在不设置班级名称的情况下做到这一点？

感谢。

Answer 1

这是直接子选择器的作业：>

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

Answer 2

试试这个......

$("body > div").hide();

'＆gt;'强制选择仅停留在body标签的直接div子节点上，并且不会深入到DOM中以选择所有div元素。

Answer 3

$('body > div').hide();是其他人已经指出的方法，但我只想指出使用children()方法也可以，因为它选择元素的直接子元素：

$('body').children('div');

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

3 个答案: