Jquery 选择下一个元素

Question

我有下一个菜单结构。

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

在此结构中，项目(a 标签)具有背景。我想更改悬停事件下一个项目的背景。如果我完成了第 2 项，我想更改第 3 项的背景。我用 jQuery 尝试过，但没有找到合适的代码。

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

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

Answer 1

悬停后，您想要转到父级 li ，然后使用next()进入下一个li ，然后find('a')里面li :

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