javascript - jQuery:当悬停在其他 div 上的 toggleClass 上时，对于每个类

Question

$('.quick-links').each(function() {
    $(this).hover(function() {
        $('.img-thumbnail').toggleClass('quick-links-hover');
    });
});

所以，这有效，但是页面上有多个 .img-thumbnails，我只希望它影响相应的一个。 HTML:

<a href="http://localhost:8888/home/the-last-rays-of-sunlight/" class="thumbnail img-thumbnail" data-slb-group="203_auto_1" data-slb-active="1" data-slb-internal="40">
  <img width="296" height="300" src="http://localhost:8888/wp-content/uploads/2014/01/The-Last-Rays-of-Sunlight-296x300.jpg" class="attachment-medium" alt="sold" />
</a>
<div class="pic-options">
  <div class="quick-links pull-left">
    <span class="icon-star-empty" data-toggle="tooltip" data-placement="top" title="Favourite this painting"></span>
    <span class="icon-slideshare"></span>
  </div>
  <div class="pull-right">
    <span class="quick-enquire">
      <a href="#">Enquire about this painting</a></span>
    <span id="isSold">sold</span>
  </div>
</div>

感谢您的帮助!

Answer 1

你可能正在寻找这样的东西

$('.quick-links').hover(function() {
    $(this).closest('.pic-options').prev('.img-thumbnail').toggleClass('quick-links-hover');
});

针对父 .pic-options，然后是前一个 .thumbnail