Jquery Slidedown第一个子级元素

Question

我有一类 div('open')，其中包含另一类 div('items')，如下所示:

<div class="open">
    <div class="item">
    this is a test 1
    </div>

    <div class="item">
    this is a test 2
    </div>
</div>

我想要做的是所单击的“open”类中的所有“item”类 div 的幻灯片。

到目前为止我已经

$(document).ready(function () {

    $('.open').click(function () {

        $(this).find(':first-child').slideDown('1000');

    });

但它不起作用。有什么建议吗？

谢谢，约翰

Answer 1

而不是 :first-child您想要直系 child ，在本例中您可以使用 .children() 获得，像这样:

$('.open').click(function () {
  $(this).children().slideDown('1000');
});

:first-child用于获取每个级别(以及每个“分支”)的第一个子元素， .children()或child selector (>)用于获取所有直接/“第一级”子级。