jquery select div from div

Question

所以我有一个内部有多个div的主div，并且我将其中一个div悬停在主div中，我如何获取这个hovered div的id？

代码在这里：

<div id="main"> 
    <div id="div1" class="inner"></div> 
    <div id="div2" class="inner"></div> 
    <div id="div3" class="inner"></div> 
    <div id="div4" class="inner"></div> 
</div> 

Answer 1

$('#main').on('mouseover', '.inner', function() { 
    alert($(this).attr('id')); 
}); 

Answer 2

试试这个JSFIDDLE

$("#main >div").hover(function(){ 
alert(this.id); 

}); 

Answer 3

$(".inner").hover(function() { 
    alert(this.id); 
}