Jquery滑动了第一个子级元素

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>

我想要做的就是点击“开放”课程中所有'item'类div的滑动。

到目前为止我已经

了

$(document).ready(function () {

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

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

    });

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

谢谢， 约翰

Answer 1

而不是:first-child您希望直接孩子，在这种情况下您可以使用.children()获取，如下所示：

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

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

Answer 2

怎么样

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

Answer 3

首先，我假设您实际上关闭了$(document).ready，因为在您发布的代码块中，它并未关闭。确保你在代码中这样做。

其次，你不只是在寻找children()的{​​{1}}吗？在这种情况下你想要

.open

已修改：感谢您发表评论，我删除了$(document).ready(function() { $('.open').click(function() { $(this).children('.item').slideDown('1000'); }); }); 建议。