我在一个画廊上工作,当覆盖div悬停时,我需要在图像上添加一个类。
这是我的HTML
<div class="overlayForCarDetails"></div>
<a href="img/car_details/1large.jpg" rel="shadowbox">
<img class="mediumImg" src="img/car_details/1medium.jpg" alt="">
</a>
这是我的javascript
$('.overlayForCarDetails').mouseenter(function () {
$(this).css('opacity', '0.7');
$(this).closest('.mediumImg').addClass('zoomed');
});
但是不知何故,它不起作用。你能告诉我我在哪里做错了。谢谢。
您必须使用.next()
和.find()
代替.closest()
(作为最接近的查找层次结构),如下所示:
$('.overlayForCarDetails').mouseenter(function () {
$(this).css('opacity', '0.7');
$(this).next().find('.mediumImg').addClass('zoomed');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句