javascript - 防止多个元素上的 ToggleClass

Question

我有一些我想要的li，当我将鼠标悬停在每个li上时，仅针对每个下摆而不是全部切换类。

现在，当我将鼠标悬停在每个 li 上时，所有 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？如果是这样，它应该是一个类。