Question

我被卡住了我想在USP中单独移动班级.inner！我不明白这是如何运作的

我如何解决这个问题？

HTML

<div class="usps">
    <div class="dienst">
        <div class="inside">
            <div class="inner">
                <h2>Dakbedekking</h2>
                <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, labore.</div>
            </div>
        </div>
        <div class="bottom"></div>
    </div>
</div>
<div class="usps">
    <div class="dienst">
        <div class="inside">
            <div class="inner">
                <h2>Dakbedekking</h2>
                <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, labore.</div>
            </div>
        </div>
        <div class="bottom"></div>
    </div>
</div>

的jQuery

$('.usps').hover(function(){ 
     $('.inner').toggleClass('up');
     $('.bottom').toggleClass('red');
});

Answer 1

您需要定位相对元素 - 在您的情况下，我认为您希望在悬停的.inner元素中找到.bottom和usps元素

$('.usps').hover(function(){ 
     $(this).find('.inner').toggleClass('up');
     $(this).find('.bottom').toggleClass('red');
});

演示：Fiddle

悬停处理程序中的

this将引用悬停的usps元素，因此您可以使用该引用查找当前{{1}内的inner和bottom元素1}}元素。

我想，简单的jQuery与父母

1 个答案: