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

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

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

我怎样才能做到？我的代码不起作用。

您需要而不是，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>

菜单

按钮清单

---

应该可以正常工作：）

使用

$（这个）。改为查找（“li.button”）

。你读了吗？很明显，

.next（）

不会在DOM中进行搜索，它会返回紧跟其后的兄弟姐妹，或者什么都不返回。不完全是，OP想要的是“.按钮”而不是“.菜单”。因此，应该使用

$（this.find（“li.button”）

或

$（this.find（“li”）.first（）

（在本例中）。第一种方法更准确。干杯

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

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