Question

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

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

我想通过mouseover .menu

来到.button

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

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

Answer 1

您需要find()而非next()，其次用于获取兄弟姐妹，而find则会查找后代。

<强> Live Demo

$('.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>

Answer 2

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

应该可以正常工作：）

Jquery使用next（）选择正确的元素

2 个答案: