我有下一个菜单结构.
<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');
});