防止在多个元素上的ToggleClass

Question

我有一些我想要的东西，当我悬停在他们每个人上切换类只是为了每一个下摆不是全部。

现在，当我悬停在每一个李，所有的李将得到切换的类。 下面是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？如果是的话，它应该是一个班级。