我有以下html结构:
<div class="divClass">
<a class="aClass" href="#">
<img src="xxxx.jpg"
<span class="span01">
xxxx
</span>
</a>
<span class="span02">xxxx</span>
</div>
我想span01
在悬停时显示span02
。
我正在尝试使用 jQuery 来实现这一点:悬停时,转到上一个<a>
,查找span
with 类.span01
并显示它。这是我得到的,但我知道我没有像我应该使用的那样使用 prevAll 和 :first ,而且我不知道如何找到 span02 因为它不是 span01 的兄弟姐妹(因为它在不同类型的元素中,锚):
$("span.span02").live("mouseenter", function () {
$('a.aClass').prevAll('.span:first').delay(300).fadeIn();
});