Question

Hi I’ve got something like the following HTML:

<div class="container">
    <img src="first.png" />
    <img src="second.png" />
    <img src="third.png" />
</div>

I wanna set up a hover event on the container. So that when I hover over the container it will tell me which image inside that container is currently being hovered. Is there a way to do this? I know I can do a hover event on the images instead like $(".container img").hover() but that wont work for what I need to do. so it needs to work from the hover event on the container.

Answer 1

I’ve created a sample using jsfiddle, can you check whether it is what you want.

$(".container").on("hover", "img", function(e){
    var $target = $(e.currentTarget);
    $out.html($target.attr("src"));
})