jquery - Jquery从div内部选择div

Question

所以我有一个主 div，里面有多个 div，我将其中一个 div 悬停在主 div 内，我如何获取那个悬停 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

试试这个JSFIDDLE

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

});

Answer 2

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

Answer 3

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