Jquery悬停在儿童效应其他孩子身上

Question

我一直在寻找解决这个问题的方法;我有一个div有两个东西：第一个是img，第二个是div。我想拥有它，一旦你将鼠标悬停在img上，div就会显示出来。但由于img和div都是第一个div的孩子，所以我很难做到这一点。

我试过这样做：

        $('.mydiv img').hover(
    function() 
    {
        $(this).parent().children(':nth-child(1)').removeClass('hidden');
    }

但它不起作用

<div class='mydiv' style='position: relative; top:216; left:22%;' href='#' id='1'>
    <img src='assets/this/1.png'>

    <div id='Jumper' class='hidden'> <img src='assets/this/G.png' />
        <table>
            <tr>
                <th>Name</th>
                <th>DF-0</th>
            </tr>
            <tr>
                <td>replace_me</td>
                <td>70</td>
            </tr>
        </table>
    </div>
</div>

Answer 1

假设：

<div class="mydiv">
    <img />
    <div></div>
</div>

这样做：

$('.mydiv img').hover(function() {
    $(this).next('div').show();
});