jQuery：使用.children（）仅选择特定元素

Question

我知道我可以使用$（element）.children（）来选择一个对象的所有子元素，但是，例如，我如何仅选择该元素的子元素为div？

示例：

我想隐藏每个div元素，除了第一个元素。我怎么做？ $(".info").children().hide()只隐藏所有内容，我希望收缩类元素不受影响。

<div class="info">
    <a class="shrink" href="#">X</a>

    <div id="info1">
        <p>aaa</p>
    </div>

   <div id="info2">
       <p>bbb</p>
   </div>

   <div id="info3">
       <p>ccc</p>
   </div>
</div>

Answer 1

children()方法接受选择器，因此您只需使用：

$(".info").children('div').hide()

或者你可以完全否定对children()的需求：

$('.info div').hide();

Answer 2

您需要使用：

$(".info div").hide();