jquery - 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

Assuming:

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

Do this:

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