Check whether a DIV contains Image or not

Question

I am trying to determine whether a DIV has a image or not. Structure of my DIV is as:

<li class="customData">
  <div class="customdata1"><img src="" /></div>
  <div class="customdata1"><input type="text" /></div>
</li>

Answer 1

Try this:

$('.customData div').each(function() {
    if ($(this).find('img').length) {
        // there is an image in this div, do something...
    }
});

This will find an img at any level under the div. If you only want it as a direct descendant, use this for the if condition:

$(this).children('img').length

Answer 2

You can use the has() selector

$('.customData div:has(img)').doSomething()

Not sure what you want to do, if you wanted to count them for example:

  alert(  $('.customData div:has(img)').length)

API Refrence http://api.jquery.com/has-selector/