JQuery выбрать div изнутри div

Question

Итак, у меня есть главный div с несколькими div внутри, и я нахожу один из этих div внутри главного div, как я могу захватить идентификатор этого зависающего div?

КОД здесь:

<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); 
}