Question

I have multiple div’s that look like this:

<div><a href="our_work.html?clientid=39">
<img src="filestore/data_logos/39.gif" alt="client logo"/>
</a></div>

I am trying to get the image src if you click on the div layer:

$('#carousel div').click(function(event) {
  alert($(this).children('img').attr('src'));
});

The alert always comes back as null, any ideas?

Answer 1

Use this:

$('#carousel div').click(function(event) {
  alert($(this).find('img').attr('src'));
});

The images aren’t children of the div…they’re children of the <a> which is a child of the div, need to go one more level down.