Question

我有以下标记。

<ul>
<li><a><span>link-1</span></a></li>
<li><a><span>link-2</span></a></li>
<li><a><span>link-3</span></a></li>
</ul>

当用户将鼠标悬停在第一个'a'上然后是LI中的下一个标记时，我们会删除backgorund图像。

我希望你清楚我想用这个做什么。

Answer 1

你不需要JavaScript - 欢迎CSS技能！

您可以使用adjacent selector（+ CSS选择器）执行此操作，请在使用此CSS时尝试将鼠标悬停在HTML中的链接上：

ul li a {
    color: red
}
ul li:hover+li a {
    color: blue
}

（JSFiddle是一个很好的试验场。）

为什么你想要的东西具有如此低的可用性是我无法理解的但也许它会在你的情景中发挥作用。

Answer 2

使用Jquery.mouseout()删除背景。

Answer 3

我认为你可以做这样的事情

$('#linka').mouseover(function() {
     $(this).attr('class','somethingrandom'); //so that you can change remaining with ease
     $('.remaininga').removeclass('yourclass'); //whether add a new or remove
}).mouseout(function() {
     $(this).attr('class','remaininga');  //to bring back to previous state
});

从我的观点来看，您实际需要做的是每次更改班级名称，以便您可以更改剩余的班级

Answer 4

您可以使用jquery selectors

例如

$（'ul：eq（0）＆gt; li'）。css（'background'，'none'）

在第一个链接的悬停时更改其他链接的背景

4 个答案: