在父jQuery中查找特定类的下一个元素

Question

我有以下内容：

<div class="container">
Test 1
<div class="child">Testing</div>
</div>

<div class="container">
Test 2
<div class="child">Testing</div>
</div>

<div class="container">
Test 3
<div class="child">Testing</div>
</div>

我希望当鼠标离开容器时，将容器内的子div放在显示和隐藏的容器内。

我目前有：

        $('.container').hover(
            function () {
                $(this).next('.child').show();
            },
            function () {
                $(this).next('.child').hide();
            }
        );

然而它似乎不起作用。 感谢任何建议，谢谢。

Answer 1

next（）适用于兄弟姐妹，你应该为孩子使用孩子：）...

 $('.container').hover(
        function () {
            $(this).children('.child').show();
        },
        function () {
            $(this).children('.child').hide();
        }
    );

Answer 2

使用find（）而不是next，因为它是子元素而不是兄弟元素：

    $('.container').hover(
        function () {
            $(this).find('.child').show();
        },
        function () {
            $(this).find('.child').hide();
        }
    );