jQuery的addClass子元素只

Question

下面的代码工作：

jQuery(".left-content").find("li").hover(function() { 
    jQuery(".left-content").find(".stamp").addClass('stamp-hover'); 
    }, 
    function() { 
    jQuery(".left-content").find(".stamp").removeClass('stamp-hover'); 
    } 
); 

不过，我有大约5格设置页面上以同样的方式将光标悬停说DIV 1内里的时候，该类是添加到页面上div.left-content的所有div.stamp的页面。我希望该课程只能添加到家长div.left-content内的div.stamp。

<div class="left-content"> 
    <div class="content-section"> 
     <ul> 
      <li><a href="#">link 1</a></li> 
      <li><a href="#">link 2</a></li> 
      <li><a href="#">link 3</a></li> 
     </ul> 
    </div> 
    <div class="stamp-anchor-wrapper"> 
     <div class="stamp"></div> 
    </div> 
</div> 

Answer 1

只需定位到使用this

jQuery(".left-content").find("li").hover(function() { 
    jQuery(this).parents(".left-content").find(".stamp").addClass('stamp-hover'); 
    }, 
    function() { 
    jQuery(this).parents(".left-content").find(".stamp").removeClass('stamp-hover'); 
    }); 

当前元素