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>

在这种结构中,项目(a-tag)具有背景.我想在悬停事件中更改下一个项目的背景.如果我在Item 2上,我想改变Item 3的背景.我用jQuery尝试过,但是我找不到合适的代码.

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

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

解决方法

在悬停时,你想要转到父li,然后使用next()到达下一个li,然后在li里面找到(‘a’)：

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

原文地址：https://www.jb51.cc/jquery/177380.html