Check if img src is empty using jQuery

Question

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

seems to work fine jsfiddle.net/44W2s

Carlo Moretti
– Carlo Moretti

2012-09-21 06:50:28 +00:00
Commented Sep 21, 2012 at 6:50 — Carlo Moretti
– Carlo Moretti, Commented Sep 21, 2012 at 6:50
did u put that inside the $(document).ready()?

Carlo Moretti
– Carlo Moretti

2012-09-21 06:51:02 +00:00
Commented Sep 21, 2012 at 6:51 — Carlo Moretti
– Carlo Moretti, Commented Sep 21, 2012 at 6:51

Mihai Matei · Accepted Answer · 2012-09-21 06:50:17Z

6

You should do your verification inside document ready function

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

answered Sep 21, 2012 at 6:50

Mihai Matei

24.3k5 gold badges34 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alessandro Minoccheri · Accepted Answer · 2012-09-21 07:02:12Z

4

try this code:

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

edited Sep 21, 2012 at 7:02

answered Sep 21, 2012 at 6:49

Alessandro Minoccheri

36.1k22 gold badges128 silver badges176 bronze badges

1 Comment

Smamatti Over a year ago

He asked how to "get" the click event, too. $("div.previewWrapper div.previewContainer img[src=='']").click(function() { alert('got me'); });

Priyank Patel · Accepted Answer · 2012-09-21 06:51:00Z

2

You should wrap this in document.ready function like this

$(document).ready(function(){

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


});

answered Sep 21, 2012 at 6:51

Priyank Patel

7,01611 gold badges62 silver badges88 bronze badges

1 Comment

voigtan Over a year ago

that will check the first image attribute src only.

muthu · Accepted Answer · 2012-09-21 06:53:55Z

2

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');
        }
    });


});

answered Sep 21, 2012 at 6:53

muthu

5,4892 gold badges35 silver badges41 bronze badges

1 Comment

Smamatti Over a year ago

It's better to post the sample code here, too. JSFiddle may disappear one day.

Collectives™ on Stack Overflow

Check if img src is empty using jQuery

4 Answers 4

Comments

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related