jQuery 选择下一个 div

所以代码看起来像这样： 将鼠标悬停在当前 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 () {
        ...
    }
);

.next and .nextAll只搜索“直系兄弟姐妹”。您想要的元素是链接同级元素的子元素。

你可以试试这个：

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

或者，您可以遍历父级并搜索all后人：

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