2017-03-20 108 views
0

下面的代碼工作:jQuery的addClass子元素只

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> 

回答

3

只需定位到使用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'); 
    }); 
當前元素