jQueryhover在上

我有一个像元素列表

 
some text test
 
some text test
 
some text test
 
some text test
 
some text test
 
some text test
 
some text test
 
 

我想添加一个hover元素，这样当用户将鼠标hover在

上时，只有那些项hover。

我有这个（启用hover的只是一种颜色）

 jQuery('ol li').hover(function () { jQuery('ol li.blah a').addClass('hover-enabled'); }, function () { jQuery('ol li.blah a').removeClass('hover-enabled'); }); 

它有效，但所有项目都hover – 而不仅仅是个人

。 有任何想法吗 ？

Answer 1

因为ol li.blah a选择器对于所有列表项都是正确a元素。

这假设您希望类应用于a元素而不是li元素。

 jQuery('ol li').hover(function () { jQuery("a", this).addClass('hover-enabled'); }, function () { jQuery("a", this).removeClass('hover-enabled'); }); 

如果你想让li拥有该类，那么使用：

 jQuery('ol li').hover(function () { jQuery(this).addClass('hover-enabled'); }, function () { jQuery(this).removeClass('hover-enabled'); }); 

Answer 2

这是因为在你的例子中你引用了所有这些，你想要使用它。

 jQuery('ol li').hover(function () { jQuery(this).addClass('hover-enabled'); }, function () { jQuery(this).removeClass('hover-enabled'); }); 

Answer 3

使用this代替：

 jQuery('ol li').hover(function () { jQuery(this).addClass('hover-enabled'); }, function () { jQuery(this).removeClass('hover-enabled'); }); 

Answer 4

如果有任何问题让这个工作，您可能需要将代码移动到最后或将其包装到文档就绪函数中，如下所示：

 $(document).ready(function () { jQuery('ol li').hover(function () { jQuery(this).addClass('hover-enabled'); }, function () { jQuery(this).removeClass('hover-enabled'); }); });