Question

当您将鼠标悬停在My文字上时，myicon.png会淡出然后重新登录：

<div class="mmItemStyleChild">
    <img src="theImages/myicon.png" class="mIcon vertAlign mmm1" id="mMW1" /> <img src="theImages/emptyImg.png" class="mSpacerStyle" /><span id="mMW" class="vertAlign mmm">My</span>
</div>

$('.mmm').hover(function () {
    $(this).closest('div').find('img').first().stop().animate({ 'opacity': .35 });
}, function () {
    $(this).closest('div').find('img').first().stop().animate({ 'opacity': 1 });
});

我试图在下面做同样的事情，但它不起作用：

<div class="mBtnMidS mBtnMidStyle">
    <div>
        <img id="mbS1" src="theImages/services_icon.png" class="mBtnIcon" />
    </div>
    <div>
        <span id="mbS" class="mbBtnText">Services</span>
    </div>
</div>

$('.mbBtnText').hover(function () {
    $(this).closest('div').find('img').first().stop().animate({ 'opacity': .55 });
}, function () {
    $(this).closest('div').find('img').first().stop().animate({ 'opacity': 1 });
});

如何修改上面的代码，使其从父DIV（使用类＆＃39; mBtnMidS`或＆＃39; mBtnMidStyle＆＃39;）查看并获取图像并执行与第一个相同的淡入淡出动画脚本

Answer 1

在您的第二个代码块更改中：

$(this).closest('div')

为：

$(this).closest('div.mBtnMidS.mBtnMidStyle')

你拥有它的方式，最接近的div是span的父div，但你想要div的父级（span的祖父级div）。

如何在最近的DIV之前获得DIV

1 个答案: