I have the following HTML:

 <div class="previewWrapper" id="thumbPreview3">
  <div class="previewContainer">
   <img src="" class="photoPreview" data-width="" data-height=""><span>3</span>
  </div>
 </div>

And I have the following JQUERY which isn't working.

    if($('div.previewWrapper div.previewContainer img').attr('src') == '') {
      alert('got me');
    }

can anyone advise what I'm missing. What to get the click event to work when the src is empty.

thx

I have the following HTML:

 <div class="previewWrapper" id="thumbPreview3">
  <div class="previewContainer">
   <img src="" class="photoPreview" data-width="" data-height=""><span>3</span>
  </div>
 </div>

And I have the following JQUERY which isn't working.

    if($('div.previewWrapper div.previewContainer img').attr('src') == '') {
      alert('got me');
    }

can anyone advise what I'm missing. What to get the click event to work when the src is empty.

thx

• javascript
• jquery
• html
• image

Share Improve this question Follow edited Dec 16, 2014 at 22:23 L84 46.3k5959 gold badges181181 silver badges259259 bronze badges asked Sep 21, 2012 at 6:47 AdamAdam 21k3838 gold badges131131 silver badges220220 bronze badges 2

• 1 seems to work fine jsfiddle/44W2s – Carlo Moretti Commented Sep 21, 2012 at 6:50
• did u put that inside the $(document).ready()? – Carlo Moretti Commented Sep 21, 2012 at 6:51

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 6

You should do your verification inside document ready function

$(document).ready(function(){
   if($('div.previewWrapper div.previewContainer img').attr('src') == '') { 
      alert('got me'); 
    }
});

try this code:

$(document).ready(function(){
    if ($("div.previewWrapper div.previewContainer img[src=='']").click(function()){
          alert('got me');
        }
});

You should wrap this in document.ready function like this

$(document).ready(function(){

if($('div.previewWrapper div.previewContainer img').attr('src') == '')
     {
      alert('got me');
    }


});

Please Check this It seems working here

<div class="previewWrapper" id="thumbPreview3">
  <div class="previewContainer">
   <img src="" class="photoPreview" data-width="" data-height=""><span>3</span>
  </div>
</div>
<input type="button" id=click value =" Click me" />


$(function () {

    $("#click").click(function () {

        if ($('div.previewWrapper div.previewContainer img').attr('src') == '') {
            alert('got me');
        }
    });


});​