jQueryでは、要素が「マウスオーバーされた」とその要素の子要素を検出するにはどうすればよいですか？ここ

Question

は、私がこれまで持っているものです：私は2つの上にマウス、私はそれが#twoかであるかどうかをtrueを返したいのですがとき

<div id='one'> 
    <div id="two"> 
     <div id="three"> 
      three 
     </div> 
    </div> 
</div> 

：

var hoveredElement; //none per default 

;(function($){ 
$.fn.isHovered = function(){ 
    return (hoveredElement.length && $(this)[0] === hoveredElement[0]); 
}; 

})(jQuery); 


$(document).mouseover(function(e){ 
    hoveredElement = $(e.target); 
}); 


$(document).mouseover(function(e){ 
    console.log($(this).isHovered()); 
}); 

は基本的に私は次のような構造を持っています私がマウスオーバーしている＃3。

これはどのように達成できますか？

Answer 1

jQuery .hover() API：http://api.jquery.com/hover/を使用すると、$(this)で現在のオブジェクトを表示できるはずです。以下のような

何か：

$('div').hover( 
function() { console.log('hovering over %o', $(this) }, 
function() { console.log('leaving') } 
); 

Answer 2

は、それはあなたが

Answer 3

探しているものをあなたのコードはここに働くあなたを与える必要がありますmouseenterに見てみてください、とmouseleave：http://jsfiddle.net/maniator/LjUu7/2/