当用户将鼠标悬停在"thumb"
类的链接上时,与"title"
类最接近的链接应具有"media-link类-hover"
应用于它。如何做到这一点?
我尝试了 closest()
以及这个,但似乎没有任何效果:
$('a.thumb').hover(function() {
$(this)
.prevAll('.block')
.find('a.title')
.addClass('media-link-hover');
}, function() {
$(this)
.prevAll('.block')
.find('a.title')
.removeClass('media-link-hover');
});
HTML:
<article class="block">
<div class="inner-left">
<a class="thumb" title="" href="">
<img width="198" height="111" alt="" src="" />
<span class="media-overlay">video</span>
</a>
</div>
<div class="inner-right">
<a class="title" title="" href="">Hello</a>
<div class="description">
<p>Hi there</p>
<a class="teaser" href="">Hola</a>
</div>
<div class="media-stats">
<span class="finder">Found by <strong>Me</strong> 1 month ago</span>
</div>
</div>
</article>
最佳答案
适用于closest('.block')
关于javascript - jQuery close() 或 prevAll() 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10807474/