Check if jQuery clicked element an anchor containing an img

Question

How can I check if the clicked element was an anchor containing an img?

So for example I want to check if this element was clicked:

<a href="#">
    <img src="#" />
<a/>

jQuery(document).click(function(e) {
    // e.target.hereIsWhereINeedHelp;
});

Thanks in advance!

Answer 1

If you wish to capture the "click" from any element:

jQuery(document).click(function(e) {
    if (jQuery(e.target).is('a') && jQuery(e.target).has('img')) {
        // code goes here
    }    
});

Whether you choose to prevent the "default behavior" is another question.

Answer 2

You can use .is("a") and .has("img"):

<a href="#">
   <img src="#" />
<a/>

<script>
    jQuery(document).click(function(e) {
        var target = $( e.target );
        if ( target.is( "a" ) && target.has("img") ) {
            //Do what you want to do
        }
    });
</script>