防止多个元素上的ToggleClass

Question

当我在他们每个人身上徘徊时，我想要一些李，而不是全部都是为了每个下摆而为这个课程拨打。

现在，当我将鼠标悬停在每个李上时，所有LI都将获得翻转课程。 这是HTML和jQuery

<li><a class="one" href="#">
<img src="http://hhhhold.com/s"/></a>
 <div id="project-title" class="me">Fandango
   <span id="project-more">Learn more</span>
 </div>
</li>



 $('.one').hover(function() {
  $('.me').closest('span').removeClass("dblock");
  $('.me').closest('span').toggleClass('dblock');
});

Answer 1

使用$(this)引用活动DOM元素：

$('.one').hover(function() {
    $(this).next('#project-title').find('span').removeClass('dblock');
    // etc...
});

ID在HTML中也应该是唯一的......您是否在重复#project-title ID？如果是这样，那应该是一个班级。