我有以下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
类.span01
并显示它。这就是我得到的,但我知道我没有使用prevAll并且:首先就像我应该的那样,我不知道如何找到span02,因为它不是span01的兄弟姐妹(因为它在一个不同类型的元素中,锚):
$("span.span02").live("mouseenter", function () {
$('a.aClass').prevAll('.span:first').delay(300).fadeIn();
});
答案 0 :(得分:2)
我只是遍历父母并从那里找到它:
$("span.postAuthorLabel").live("mouseenter", function() {
$(this).parent().find('.span01').delay(300).fadeIn();
});