CODEWITHSUNDEEP
jqueryhtml
southpaw93
southpaw93

Reputation: 1961

Jquery select div from inside div

So I have a main div with multiple divs inside, and I hover one of those div inside the main div, how do I grab the id of that hovered div ?

CODE here:

<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>

Upvotes: 0

Views: 83

Answers (3)

dzbo
dzbo

Reputation: 1155

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

Upvotes: 3

Barmar
Barmar

Reputation: 782344

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

Upvotes: 4

Anoop
Anoop

Reputation: 23208

Try this JSFIDDLE

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

});

Upvotes: 6

Related Questions