Jquery选择下一个元素

我有下一个菜单结构

<li class="menu-422"><a href="item-1" title="">Item 1</a></li>
<li class="menu-444"><a href="item-2" title="">Item 2</a></li>
<li class="menu-449"><a href="item-3" title="">Item 3</a></li>
<li class="menu-452"><a href="item-4" title="">Item 4</a></li>

---

我用nextAll尝试了它，使用了完整的选择器路径，但我无法选择下一个元素。

悬停时，您希望转到父级

li

，然后使用

next（）

到达下一个

li

，然后在

li

中查找（'a'）：

$("#mymenu li a").hover(function() {
    $(this).parent().next().find("a").css('background', 'none');
});

---

您可以选择

li

并将

悬停

事件附加到锚上，而不是选择锚。在悬停中，只需使用

next

方法获取next

li

元素并更改背景。我假设您没有将背景设置为锚定，因为我正在更改li元素的背景

$("#mymenu li").hover(function() {
    $(this).next().css('background', 'none');
    //If you want to change the background of anchor try this
    //$(this).next().find('a').css('background', 'none');
}

$("#mymenu li").hover(function() {
    $(this).next().css('background', 'none');
    //If you want to change the background of anchor try this
    //$(this).next().find('a').css('background', 'none');
}