如何使用jQuery中的$（this）在子元素上應用一個函數

Question

我基本上是試圖在jQuery中應用下滑動導航。 我用這個代碼：

<script> 
    $(document).ready(function() { 
     $(".menu").hover(function(){ 
      $(".submenu").animate({ height: 'show', opacity: 'show' }, 'slow'); 
     }, function(){ 
      $(".submenu").animate({ height: 'hide', opacity: 'hide' }, 'slow'); 
     }); 
    }); 
</script> 

但是，當我將鼠標懸停在一個.menu格，那麼所有的.submenu DIV得到滑下。所以我試着用$(this)來完成它。但我不知道該怎麼做。

Answer 1

如今，要綁定的事件是這樣的：

$(document.body).on({ 
     mouseover : function(e) { 
      $(this).find(".submenu")... 
     }, 
     mouseout : function (e) { 
      //... 
      } 
     //,... 
    },".menu"); 

Answer 2

您需要使用this的上下文中搜索.submenu元素，像這樣：

$(document).ready(function() { 
    $(".menu").hover(function(){ 
     $(".submenu", this).animate({ height: 'show', opacity: 'show' }, 'slow'); 
    }, function(){ 
     $(".submenu", this).animate({ height: 'hide', opacity: 'hide' }, 'slow'); 
    }); 
});