Jquery使用next(）选择右侧元素

Jquery select right element using next()

本文关键字：元素 选择 使用 next Jquery      更新时间：2023-11-22

我试图通过next（）找到正确的元素，但仍然做得不对；/

                <li class="menu">
                    <ul>
                    <li class="button"></li>
                    <a href="#manifest"><li class="menu_glowne">MANIFEST</li></a>
                    </ul>
                </li>

我想用鼠标移到.按钮.菜单

$('.menu').mouseover(function(){
    $(this).next("li").animate({'opacity':1},500);
});

我该怎么做？我的代码不起作用。

$('.menu').mouseover(function(){
    $(this).find("li").animate({'opacity':1},500);
});

应该可以正常工作：）

您需要find（）而不是next（），next用于获取兄弟姐妹，而find将查找后代。

实时演示

$('.menu').mouseover(function(){
    $(this).find("li").animate({'opacity':1},500);
});

编辑，html结构中也很少有错误。

<ul>
    <li class="menu"> Menu
        <ul>
            <li class="button">button</li> <a href="#manifest">manifes</a>t<li class="menu_glowne">MANIFEST</li>
        </ul>
    </li>
</ul>
相关文章：