Question

I have a problem with getting an ID of the lowest element (image) placed in multiple DIVs after hover top DIV. Here is my structure:

<div id="dig-xx">
<div>
    <div>Content</div>
    <div><img src="some_picture.jpg" id="aig-xx" alt="" /></div>
</div>

How to get <img> ID after hover whole DIV with id=”dig-xx”?
Thank You for Your response.

Answer 1

Try this

$('#dig-xx').on('hover', function(){

    var imgId = $(this).find('img').attr('id');
});

---

If you have Multiple instances then use Attribute Starts with Selector

$('[id^="dig"]').on('hover', function(){

    var imgId = $(this).find('img').attr('id');
});

Check Fiddle