hide image using jquery if it has no src

Question

If my image doesnt contain a src then i want to hide it using visibility hidden:

<img border="0" src="" style="cursor:hand;cursor:pointer;" id="EntityPic543">

How can i do this with jquery?

Please note that if your img tag has width & height attributes it will still occupy some space when using visibility:hidden. Most of the answers will make your img display:none; — Bob
– Bob, Commented Jul 19, 2012 at 11:03

Mukesh Soni · Accepted Answer · 2012-07-19 11:00:09Z

4

$('img').filter(function(index){return $(this).attr('src')==='';}).hide();

answered Jul 19, 2012 at 11:00

Mukesh Soni

6,6683 gold badges34 silver badges38 bronze badges

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

Comments

Imdad · Accepted Answer · 2012-07-20 05:35:11Z

2

$(document).ready(function(){
  $("img").each(function(){
     (!this.src || $(this).prop("src")) && $(this).hide();
  });
});

Thanks to @GeorgeMauer

edited Jul 20, 2012 at 5:35

answered Jul 19, 2012 at 10:58

Imdad

6,0424 gold badges37 silver badges53 bronze badges

6 Comments

George Mauer Over a year ago

Why jquery(this) just to get an src attribute?

George Mauer Over a year ago

Also note that if the attribute is missing entirely this will not hide it since attr('src') is undefined (going through the DOM will). If you really want to keep this form then $(this).attr('src')||'' will do it.

Imdad Over a year ago

Try my code it will work 100% even if there is src attribute is missing.

George Mauer Over a year ago

$('<img>').attr('src')=="" will return false so the image will not hide jsfiddle.net/LafSw

Imdad Over a year ago

OK. updated my answer. it is hybrid of your answer and mine. Your solution !this.src && $(this).hide() will not work if the image already has attribute src="" jsfiddle.net/LafSw/2

|

George Mauer · Accepted Answer · 2012-07-19 11:00:31Z

1

$('img').each(function() { 
  !this.src && $(this).hide()
});

answered Jul 19, 2012 at 11:00

George Mauer

123k140 gold badges401 silver badges632 bronze badges

2 Comments

Imdad Over a year ago

This will not work if placed in head tag. you have to add it to document ready

George Mauer Over a year ago

That is true, yes, I assumed he was already but good point. It's not a great idea to include all scripts from the head btw

thecodeparadox · Accepted Answer · 2012-07-19 10:59:33Z

0

Try this without any loop:

$('img[src=""]').hide();

DEMO

answered Jul 19, 2012 at 10:59

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

4 Comments

George Mauer Over a year ago

Not exactly in the OP but this won't work in the case where the src attribute is missing entirely ([src] is redundant in that case).

SOLDIER-OF-FORTUNE Over a year ago

if src contains "images/Category/large/469.jpg" this will still hide the image which is wrong. please correct and i will accept your answer

thecodeparadox Over a year ago

@Super1 its working for me jsfiddle.net/xx62q/6.. if you have problem... please make a fiddle

SOLDIER-OF-FORTUNE Over a year ago

here you go: stackoverflow.com/questions/11562442/…

Andreas Nilsson · Accepted Answer · 2012-07-19 12:43:06Z

0

$("#EntityPic543").css("visibility", "hidden");

That will hide the element.

answered Jul 19, 2012 at 12:43

Andreas Nilsson

2211 silver badge6 bronze badges

Collectives™ on Stack Overflow

hide image using jquery if it has no src

5 Answers 5

Comments

6 Comments

2 Comments

DEMO

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

6 Comments

2 Comments

4 Comments

Comments

Linked

Related