jquery - jQuery select next div

Question

したがって、コードは次のようになります。現在のlink1にカーソルを合わせたときに、div1を変更するにはどうすればよいですか。

<ul>
    <li>
        <a class='link1'></a>
        <a class='link2'>
            <div class='div1'></div>
            <div class='div2'></div>
        </a>
    </li>
    <li>
        <a class='link1'></a>
        <a class='link2'>
            <div class='div1'></div>
            <div class='div2'></div>
        </a>
    </li>
</ul>

私はこのように試しました：

$(".link1").hover(
function () {
        $(this).nextAll('.div1').css('display','block');
        ...
    },

    function () {
        ...
    }
);

Answer 1

.next.nextAll「直接の兄弟」のみを検索します。必要な要素は、リンクの兄弟の子です。

あなたはこれを試すことができます：

$(this).next('.link2').children('.div1')

または、親に移動してすべての子孫を検索することもできます。

$(this).parent().find('.div1')

Answer 2

あなたはこれを試すことができます：

$(".link1").hover(function(){
   $(this).parent().find(".div1").css('display','block');
}, function(){
   //
})