当我将一些其他项目悬停时，更改以前所有<li>的CSS类</li>

Question

我需要的东西，使用jQuery可能很简单，我只是吮吸它：/

我有这个无序列表的年份列表，我想要做的是，当我悬停另一个项目时，更改以前列表项的所有css类。

例如，在下图中，如果我将鼠标置于“1904”，我想更改1901,1902和1903的css类。

alt text http://i32.tinypic.com/33x9c0z.png

Answer 1

您可以使用.prevAll()获取所有以前的兄弟姐妹，然后使用.toggleClass()在.hover()上添加/删除课程，如下所示：

$("li").hover(function() {
  $(this).prevAll("li").toggleClass("myClass");
});

You can give it a try here请注意，如果你想为悬停的<li>设置样式，那么不会设置悬停元素的样式，只会影响之前的元素，{{3} }：

$("li").hover(function() {
  $(this).prevAll("li").andSelf().toggleClass("myClass");
});

在这种情况下，我们使用you can do this将<li>包含在集合中。